Stylesheets - IE Image Flicker with CSS driven drop-down menu

Author

IE Image Flicker with CSS driven drop-down menu

2005-11-17, 6:45 pm

Hi,

I'm not sure if what I'm trying to do is possible and there is a limit to my
CSS knowledge.

I'm trying to generate a CSS drop-down menu from a <li> that has been
replaced by an image. The drop-down menu script comes from the book "More
Eric Meyers." Unfortunately, I found that my image was flickering in IE and
attempted to remedy that by preloading the image (see:
http://www.wellstyled.com/files/css...s/example2.html). No
more flicker. The problem is that IE reloads the image each time I mouse
over a drop-down item. It only seems to be a problem in IE and only if IE's
Temporary Internet Settings are set to check for new images each time.
Here's the item:

http://www.hamneggs.net/visionact/test.html

Interestingly, if you click on the image and then use the back button to go
back to the page, it works just fine. Does anyone think it would help to use
some sort of a:hover/span concoction here?

Thanks so much,
Elizabeth

Spartanicus

2005-11-17, 6:45 pm

<yosifhamod@earthlink.net> wrote:

>It only seems to be a problem in IE and only if IE's
>Temporary Internet Settings are set to check for new images each time.

Then change that setting.

--
Spartanicus

2005-11-17, 6:45 pm

"Spartanicus" <invalid@invalid.invalid> wrote in message
news:phopn190tdkc0mnlc8fscggmpaa43gn6bn@news.spartanicus.utvinternet.ie...
> <yosifhamod@earthlink.net> wrote:
>
>
> Then change that setting.
>
> --
> Spartanicus

Easy enough for me, but what about the millions of other IE users? Is it
safe to assume that most of them are not set to check for new images on
every visit to a page. I might go with what I've got depending on what
others have to say about it. I'm just not sure if that's a responsible way
to design. But I'm new to this, so I honestly don't know.

Thanks,
Elizabeth

Spartanicus

2005-11-17, 6:45 pm

<yosifhamod@earthlink.net> wrote:

>
>Easy enough for me, but what about the millions of other IE users? Is it
>safe to assume that most of them are not set to check for new images on
>every visit to a page.

You can't assume anything except HTML support on the client side. That
said, I don't even see an option to check images on each page load in my
IE6 settings. I do see a setting that applies to *pages*, but nothing
specifically for images. The default setting for checking pages seems to
be "automatic".

--
Spartanicus

2005-11-17, 6:45 pm

"Spartanicus" <invalid@invalid.invalid> wrote in message
news:pmspn155kdb9daos909u5l6b94ef3jiib0@news.spartanicus.utvinternet.ie...
> <yosifhamod@earthlink.net> wrote:
>
>
> You can't assume anything except HTML support on the client side. That
> said, I don't even see an option to check images on each page load in my
> IE6 settings. I do see a setting that applies to *pages*, but nothing
> specifically for images. The default setting for checking pages seems to
> be "automatic".
>
> --
> Spartanicus

You're looking at the correct setting - it's under Temporary Internet
Files>Settings. I usually set mine to "every visit to the page". It really
makes quite a difference in this scenario. Well, I may just go with what I
have for now.
Thanks,
Elizabeth

Pawel Knapik

2005-11-21, 6:55 pm

yosifhamod@earthlink.net napisa³(a):
> Hi,
>
> I'm not sure if what I'm trying to do is possible and there is a limit to my
> CSS knowledge.
>
> I'm trying to generate a CSS drop-down menu from a <li> that has been
> replaced by an image. The drop-down menu script comes from the book "More
> Eric Meyers." Unfortunately, I found that my image was flickering in IE and
> attempted to remedy that by preloading the image (see:
> http://www.wellstyled.com/files/css...s/example2.html). No
> more flicker. The problem is that IE reloads the image each time I mouse
> over a drop-down item. It only seems to be a problem in IE and only if IE's
> Temporary Internet Settings are set to check for new images each time.
> Here's the item:
>
> http://www.hamneggs.net/visionact/test.html

Try this solution:
http://dean.edwards.name/my/flicker.html

It's important not only because it doesn't look nice. In
this situation image is requested from server each time user
moves his mouse over it so your server traffic increases.