D
Daniel Kabs
Hi there,
I am writing a page showing thumbnail images: Whenever the user hoovers
the mouse over an image, after some delay it should be replaced with the
full image displayed in different (bigger) size. The thumbnail should be
displayed again as soon as the mouse leaves the image area.
Right, all you need is onmouseover, onmouseout and setTimeout(). Set the
image to absolute positioning to take it out of the normal page flow.
Then have it resized and repositioned as you like.
Sounds easy, so here is the testpage:
https://bugzilla.mozilla.org/attachment.cgi?id=163278
From the fact that the page is hosted on bugzilla, you can conclude
that it works on Internet Explorer but not on Firefox. :-/
Try for yourself:
- "Fullscreen" your browser window.
- Open the page
- Move the mouse over the little icon at the bottem left corner
- Wait a few seconds
- If the page reflows, increase the browser window size or decrease font
size (sorry, there's just too much text on the page), reload and try again.
- Move the mouse off the icon.
- Check the Text in the debug log (last message is top). It sould tell
you that "mouseOver" and "mouseOut" have occured. But the latter is missing.
Im seeking help (confirmation, workarounds, suggestions,...) on this
bug# 265051
https://bugzilla.mozilla.org/show_bug.cgi?id=265051
Comment on bugzilla are welcome, too.
Cheers
Daniel Kabs
I am writing a page showing thumbnail images: Whenever the user hoovers
the mouse over an image, after some delay it should be replaced with the
full image displayed in different (bigger) size. The thumbnail should be
displayed again as soon as the mouse leaves the image area.
Right, all you need is onmouseover, onmouseout and setTimeout(). Set the
image to absolute positioning to take it out of the normal page flow.
Then have it resized and repositioned as you like.
Sounds easy, so here is the testpage:
https://bugzilla.mozilla.org/attachment.cgi?id=163278
From the fact that the page is hosted on bugzilla, you can conclude
that it works on Internet Explorer but not on Firefox. :-/
Try for yourself:
- "Fullscreen" your browser window.
- Open the page
- Move the mouse over the little icon at the bottem left corner
- Wait a few seconds
- If the page reflows, increase the browser window size or decrease font
size (sorry, there's just too much text on the page), reload and try again.
- Move the mouse off the icon.
- Check the Text in the debug log (last message is top). It sould tell
you that "mouseOver" and "mouseOut" have occured. But the latter is missing.
Im seeking help (confirmation, workarounds, suggestions,...) on this
bug# 265051
https://bugzilla.mozilla.org/show_bug.cgi?id=265051
Comment on bugzilla are welcome, too.
Cheers
Daniel Kabs