Hi all,
I have made some kind of tooltip so that when hovering over an image, a larger image is displayed on top of that. It works all fine if I show that large image somewhere in the screen where my mousepointer is not present. However, in my final version that would not be possible as the image (as I said) must be on top of another one which I'm "onmouseover"-ing.
When my mousepointer is over the big image, it starts to flicker in firefox, while in IE it disappears totally.
Could someone help me out here please?![]()
That element div it finds is a <div> with z-index:10, position:absolute, visibility: hidden.Code:function showFullImage(thumbnail, imgurl) { var div = document.getElementById('dbimgpopup'); if (div.style.visibility == 'hidden') { var x = findPosX(thumbnail) + 100; // + 200 - 350; var y = findPosY(thumbnail); div.style.left = x + 'px'; div.style.top = y + 'px'; div.innerHTML = '<img src="' + imgurl + '"/>'; div.style.visibility = 'visible'; } return false; } function hideFullImage() { var div = document.getElementById('dbimgpopup'); div.innerHTML = ''; div.style.visibility = 'hidden'; return false; }
Thank you





Bookmarks