homepage Welcome to WebmasterWorld Guest from 54.205.144.54
register, free tools, login, search, pro membership, help, library, announcements, recent posts, open posts,
Become a Pro Member

Home / Forums Index / Code, Content, and Presentation / Site Graphics and Multimedia Design
Forum Library, Charter, Moderators: not2easy

Site Graphics and Multimedia Design Forum

    
Image Flicker (Round 2)
Size of graphic playing a role?
madcat




msg:859472
 4:58 am on Sep 24, 2002 (gmt 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-

 

pageoneresults




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

Is that image linked madcat?

sausho




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

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

madcat




msg:859475
 5:23 am on Sep 24, 2002 (gmt 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)-

pageoneresults




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

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




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

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




msg:859478
 5:44 am on Sep 24, 2002 (gmt 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.

madcat




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

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

pageoneresults




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

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




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

Which image? Is it the blue tile?

madcat




msg:859482
 6:25 pm on Sep 26, 2002 (gmt 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.

Global Options:
 top home search open messages active posts  
 

Home / Forums Index / Code, Content, and Presentation / Site Graphics and Multimedia Design
rss feed

All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
Home ¦ Free Tools ¦ Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About ¦ Library ¦ Newsletter
WebmasterWorld is a Developer Shed Community owned by Jim Boykin.
© Webmaster World 1996-2014 all rights reserved