This is the perfect job for css 'sprites'. Basically, you use a single image
for both button states (rather than two separate images) and use css
background image positioning to show the two different states. Ideally, you
should put all your non-repeating background images into a single sprites
image (or perhaps a few depending on use) - you will get absolutely no
flickering in this case.

http://css-tricks.com/css-sprites/

Also, if you haven't already, use the Firebug and YSlow Add-Ons in Firefox
to weedle out front end performance issues - really easy to use and an eye
opener to all these sorts of things.

HTH

Dominic



2009/12/4 Jessica Kennedy <[email protected]>

>
> I'm having some issues with the classic flickering images on rollover in IE
> for one of my sites.  here is a link to one of the pages:
> directfighter.com/http://www.directfighter.com/calendar.cfm?tmonth=10&tyear=2009&pmtr=&srchst=
>
> I have tried caching the css page.  this helped some on the gigantic
> background image (which def. needs to be cached or something!), not so much
> on the flicker for the rollovers.
>
> I have looked at doing the "preloaded image" thing, both the css version
> where you load a single image with the different states, and using
> javascript(idk maybe i did the js wrong??), but since I am going from no
> image at all to a loaded image, pretty much all of those solutions are out
> =(
>
> I also tried the "I give up" method, where I implemented a different css
> for IE that simply filled in the bg with a color on hover.  no good, still
> flickering & uglier.  I then had the thought that perhaps IE was looking
> through the first css sheet, then looking into the second css, so this
> solution may have been ever slower.  sooo... I passed an "ie=1" param into
> my first stylesheet and simply  did an if statement to select either an
> image or a background color... also a fail.
>
> I then called my hosting company, as I don't have access to IIS myself to
> see if they could help-  no.
>
> Yslow told me to add expirations to the images for faster loading, which
> seems like it would work, but I have yet to find how to do this, although I
> am sure it's extremely easy.
>
>
> I feel like I am missing something very simple, that will make me roll my
> eyes and want to scream for all the time i've dedicated to this...  please
> help-- any advice would be super!
>
> 

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~|
Want to reach the ColdFusion community with something they want? Let them know 
on the House of Fusion mailing lists
Archive: 
http://www.houseoffusion.com/groups/cf-talk/message.cfm/messageid:328898
Subscription: http://www.houseoffusion.com/groups/cf-talk/subscribe.cfm
Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=89.70.4

Reply via email to