jquery - image flicker javascript on mouseover when using image maps -
jquery - image flicker javascript on mouseover when using image maps -
i using image maps hover images in slider, works there flicker until loads once, works well. knows why happening?
by way, happens in firefox
<script> image1 = new image() image1.src = "images/slide1aroll.jpg" function firstmap() { document.emp.src = image1.src; homecoming true; } </script> <li style="width: 480px; height: 610px;"><img src="images/slide1a.jpg" name="emp" id="emp" class="emp" width="480" height="610" usemap="#model1" style="display:block; border:none;" border="0" /></li> <map name="model1" id="model1" name="model1"> <area shape="rect" coords="31,6,289,576" href="#" onmouseover="firstmap();" onmouseout="document.emp.src = 'images/slide1a.jpg';" alt=""/> <area shape="rect" coords="303,9,475,605" href="#" onmouseover="firstmap2();" onmouseout="document.emp.src = 'images/slide1a.jpg';" /> </map>
do caching of image
<div style="display: none"> <img src="image1.png" /> <img src="image2.png" /> <img src="image3.png" /> </div>
with have image nowadays @ first go. not flicker now. seek it
javascript jquery html css image
Comments
Post a Comment