Mouseover Flicker --- Its driving me mad 1

[VBRookie]

Please help!

Visit this link:

[URL unfurl="true"]http://hh.minijo.com[/url]

This is the test site ... try to mouseover one of the main images. You will get a wild flickering that will make your head spin!

Please help. I'm not sure how to fix this. I've googled to no avail.

Many Thanks in advance,
- VB Rookie

 

[VBRookie]

On google I saw a way to do this without javascript (just using css) I've tried to implement this but it seems to only work when using just images.

for this I'm using an image and a table. Has anyone gotten such an operation to work flicker-free?

- VB Rookie

 

[VBRookie]

I think that the issue has been resolved. Take a look now ... there should be no flicker. I had to use an entirely different approach. I scrapped the CSS route as that just wasn't panning out. The mouseover mouseout on the div tags was turning into a headache as well.

What I ended up doing was creating a table and putting the initial image as the background of the table. Then I placed the table of links inside of the first table with its visibility initially set to off (or display:none). On a mouseover of the first table I change the background image to nothing and turn the visibility of the link table on.

It works beautifully. I'll leave this test site up for a bit in case anyone else is having this problem. Just do a view source and grab what you need.

- VB Rookie

 

[OsakaWebbie]

Just be aware that (at least the last time I heard) browsers other than IE may not support images as background in table cells. I also use IE, so I can't test it for you, but you may want to find someone who can test it in Netscape, Mozilla, etc., lest some of your visitors see blank squares instead of photos.

 

[VBRookie]

Thanks OsakaWebbie ...

I made some changes that should make it pretty cross-browser compatible (with the exception of safari).

- VB Rookie

 

[LFI]

Looks good!

Not that it matters much, but if you drag your mouse fast enough over the corner of an image, the image disappears (onmouseover) but doesn't reappear (onmouseout).

There's probably a solution to that as well, but it's actually kind of fun trying to "turn off" all three pictures! It's like a game!

Thanks!

--Dave

 

[LFI]

Just by coincidence, I came across this article today:

http://www.fivesevensix.com/studies/ie6flicker/

--Dave