重複的圖像 - 懸停消失

Question

我正在創建一個「飛濺」頁面，我們需要它填充一堆特定的圖像。我希望它可以隨時刪除每個單獨的圖像，因爲它是懸停的。這是我的 - 我已經能夠複製圖像來填充屏幕 - 但現在當我懸停時，它們全部消失而不是單獨消失。有什麼想法嗎？

還有一種方法可以輕鬆地旋轉/隨機放置克隆嗎？

<img class='toBeCloned' id="IMAGE_ID" src="image.png" /> 

<div id='target' class="DIV_CLASS"> 

<script> 
var _clone=$('.toBeCloned'); 
var _target=$('#target'); //this is target 

for(var i=0;i<500;i++){ 
    _target.append(_clone.clone(true)); //append target, clone every time 
}; 

$(function() { 

    $('img').hover(function() { 
     $('img').fadeOut("slow"); 
    }); 

}); 
</script> 

Answer 1

$('img').hover(function() { 
     $(this).fadeOut("slow"); 
    }); 

你被引用在IMG淡出，這將導致所有的img標籤消失。使用this只會讓懸停的圖像消失。