hover issues
hover issues
Hi folks,
Here's the issue - I am trying to have a div element displayed when I mouseover a separate image and hidden upon mouseout. It works, except the displayed div flickers. I understand why it flickers, but what might be a solution?
You can see it at
http://www.jontakiff.com/brooks/zinc_picture2.html. Just hover over the main image and try to click the links.
Here's my code:
-
<script type="text/javascript">
$(function(){
$('#imagecaption').hide();
$('#imagehover').bind('mouseover',function(){$('#imagecaption').show();});
$('#imagehover').bind('mouseout',function(){$('#imagecaption').hide();});
})
</script>
[/code]