Welcome to WebmasterWorld Guest from 54.146.201.80

Forum Moderators: not2easy

Message Too Old, No Replies

Image Flicker (Round 2)

Size of graphic playing a role?

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

Senior Member

WebmasterWorld Senior Member 10+ Year Member

joined:Mar 15, 2002
posts:971
votes: 0


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-

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

Senior Member from US 

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

joined:Apr 27, 2001
posts:12166
votes: 51


Is that image linked madcat?
5:08 am on Sept 24, 2002 (gmt 0)

New User

10+ Year Member

joined:Sept 23, 2002
posts:7
votes: 0


maybe you can give us a link to the page in question.
5:23 am on Sept 24, 2002 (gmt 0)

Senior Member

WebmasterWorld Senior Member 10+ Year Member

joined:Mar 15, 2002
posts:971
votes: 0


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)-

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

Senior Member from US 

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

joined:Apr 27, 2001
posts:12166
votes: 51


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]

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

Moderator from US 

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

joined:Apr 13, 2002
posts:13973
votes: 123


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.

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

Senior Member

WebmasterWorld Senior Member 10+ Year Member

joined:Mar 15, 2002
posts:971
votes: 0


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.

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

Senior Member

WebmasterWorld Senior Member 10+ Year Member

joined:Mar 15, 2002
posts:971
votes: 0


martinibuster - the image is coming in through a style sheet. Maybe the size is causing the jolt.
5:46 am on Sept 24, 2002 (gmt 0)

Senior Member from US 

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

joined:Apr 27, 2001
posts:12166
votes: 51


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!

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

Moderator from US 

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

joined:Apr 13, 2002
posts:13973
votes: 123


Which image? Is it the blue tile?
6:25 pm on Sept 26, 2002 (gmt 0)

Senior Member

WebmasterWorld Senior Member 10+ Year Member

joined:Mar 15, 2002
posts:971
votes: 0


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.
 

Join The Conversation

Moderators and Top Contributors

Hot Threads This Week

Featured Threads

Free SEO Tools

Hire Expert Members