Welcome to WebmasterWorld Guest from 54.147.10.72

Forum Moderators: not2easy

Message Too Old, No Replies

Image Flicker (Round 2)

Size of graphic playing a role?

     

madcat

4:58 am on Sep 24, 2002 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



Hope this is in the right place. I have a 20K graphic on my page...each time I press a link I can see the background color behind it flash for a moment- so it disappears and comes right back- very annoying.

It is coming in through a style sheet and only occurs in Opera & Netscape. No server-side code or anything. Is this due to the file size?

Thanks-

pageoneresults

5:03 am on Sep 24, 2002 (gmt 0)

WebmasterWorld Senior Member pageoneresults is a WebmasterWorld Top Contributor of All Time 10+ Year Member Top Contributors Of The Month



Is that image linked madcat?

sausho

5:08 am on Sep 24, 2002 (gmt 0)

10+ Year Member



maybe you can give us a link to the page in question.

madcat

5:23 am on Sep 24, 2002 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



No, it's being called from an external style sheets. BTW, I meant Mozilla 1.1 and Netscape 7 - not Opera...

sausho - you could take a look at the link in my profile-

Strange. I checked it all out with the W3C (not that validating means everything is cool)-

pageoneresults

5:34 am on Sep 24, 2002 (gmt 0)

WebmasterWorld Senior Member pageoneresults is a WebmasterWorld Top Contributor of All Time 10+ Year Member Top Contributors Of The Month



Its occuring in IE6 also. Do you have a background color on that <div>? Its a 20k image too so its going to flicker momentarily I think for most.

Have you tried using an include or placing it on the page to see if the flicker stops? I usually go through this whole process of elimination. Change something here, see what happens over there, you know.

I think the image size is the problem. Have you experimented with slicing the image into two pieces? How about 3 or 4?

P.S. Degrades somewhat gracefully in NS4.73. I almost thought I was in Opera with my css turned off. The beauty of content positioning!

[edited by: pageoneresults at 5:43 am (utc) on Sep. 24, 2002]

martinibuster

5:42 am on Sep 24, 2002 (gmt 0)

WebmasterWorld Administrator martinibuster is a WebmasterWorld Top Contributor of All Time 10+ Year Member Top Contributors Of The Month



I didn't find a 20k graphic on this page. I checked the property of each graphic on the page and I didn't find anything bigger than 6.5k.

Although I was using ie 5.5 on a 400 mhz pc, I did notice the background tile loading up from left to right, followed by everything else that was layered on top of it.

I would think that this is the normal way for it to behave, dependent upon the computer processor's ability to render the images, especially the 3k blue background image. Rendering images takes processing power.

The background image seems a bit heavy, considering it's just a block of color. Try squishing it down to a 300 byte 1 pixel WIDE image and see how that works (1 px wide by 1800 height). Or better yet, try SPECIFYING the background color without an image.

madcat

5:44 am on Sep 24, 2002 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



Degrades somewhat gracefully in NS4.73.

Wasn't expecting that one;) - That's cool. I use @import because I don't think NS4.73 folks are looking for Disneyland.com you know- they want info...or else they missin' out.

Yeah, I will try it a few different ways- thanks.

madcat

5:45 am on Sep 24, 2002 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



martinibuster - the image is coming in through a style sheet. Maybe the size is causing the jolt.

pageoneresults

5:46 am on Sep 24, 2002 (gmt 0)

WebmasterWorld Senior Member pageoneresults is a WebmasterWorld Top Contributor of All Time 10+ Year Member Top Contributors Of The Month



Actually, the image is closer to 24k. Its being called in as a background image using css.

I've also found the use of multiple background images to have an effect on browser display. The big culprits are 1x1 pixels that are colored and then tiled to create the background. Ever try working on a site in a WYSIWYG like FP with 1x1 pixel background images all over? Its a nightmare!

martinibuster

5:56 am on Sep 24, 2002 (gmt 0)

WebmasterWorld Administrator martinibuster is a WebmasterWorld Top Contributor of All Time 10+ Year Member Top Contributors Of The Month



Which image? Is it the blue tile?

madcat

6:25 pm on Sep 26, 2002 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



It's the one with the "Your Guide to Vision" that spans the whole top...I think I'll trim it vertically and optimize it a bit more- see if that works.
 

Featured Threads

Hot Threads This Week

Hot Threads This Month