使用圖像映射時，鼠標懸停時圖像閃爍javascript

我正在使用圖像映射將某些圖像懸停在滑塊中，效果很好，但閃爍直到它加載一次，然後才能正常工作。任何人都知道這是爲什麼發生？使用圖像映射時，鼠標懸停時圖像閃爍javascript

的方式，它發生只是Firefox

<script> 
    Image1 = new Image() 
    Image1.src = "images/slide1aroll.jpg" 
    function firstmap() { 
     document.emp.src = Image1.src; 
     return 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>

來源

2013-02-12 Herman Eduard

待辦事項緩存。它現在不會閃爍。嘗試一下

來源

2013-02-12 09:44:13 asifsid88

謝謝，我曾嘗試一個圖像預加載器，它沒有工作，但這個伎倆，所以..乾杯 – 2013-02-12 10:25:10

乾杯@HermanEduard歡迎:) – asifsid88 2013-02-12 10:26:45

圖像閃爍，因爲一旦你繩拉過的形象，你改變圖像的來源。因此，現在您的鼠標懸停在另一張圖片上，而不是您想要的圖片。

只要鼠標移過新加載的圖像，新圖像就會被隱藏，因爲您的鼠標現在沒有懸停在舊圖像上。一旦它被隱藏起來，鼠標又會越過舊圖像，因此新圖像再次可見。

該過程繼續給予閃爍效果。舊圖像 - 新圖像 - 舊圖像....等等

希望這會有所幫助。圖像

<div style="display: none"> 
    <img src="image1.png" /> 
    <img src="image2.png" /> 
    <img src="image3.png" /> 
</div>

有了這個，你有你的所有出席第一次去圖像的

來源

2013-02-12 09:33:43

嗨，謝謝，但我認爲它與預先加載圖像有關，如果不是，那麼每次將鼠標移動到圖像上時都會閃爍。但正如我所說，這隻發生在我第一次盤旋，然後直到我重新加載頁面它工作正常 – 2013-02-12 09:40:15

使用圖像映射時，鼠標懸停時圖像閃爍javascript

回答

相關問題