縮略圖不顯示正確的圖像在Jquery

Question

我有一個問題，創建一個網站的照片庫。畫廊的每個縮略圖都顯示第一個縮略圖的圖像。該代碼使用：

$(".thumb").click(function() { 
    $(".image").fadeOut(500, function() { 
     $(".image").attr("src",$(".thumb").attr("href")); 
    }).fadeIn(500); 
    return false; 
}); 

Answer 1

您正在選擇JavaScript中的第一個圖像和thumnbnail。使用$(this)作爲參考選擇的元素，像這樣...

$(".thumb").click(function() { 
    var $thumb = $(this); 
    $(".image").fadeOut(500, function() { 
     $(this).attr("src",$thumb.attr("href")); 
    }).fadeIn(500); 
    return false; 
}); 

$thumb是點擊的元素，並$(this)在淡出回調是所選圖像元素。我懷疑類image只有1個，但它是使用$(this)的另一個例子。

Answer 2

由於您使用$(".thumb").attr("href")這將返回選擇相匹配的第一個元素的值。