썸네일은 Jquery에서 올바른 이미지를 표시하지 않습니다.

Question

웹 사이트의 사진 갤러리를 만드는 데 문제가 있습니다. 갤러리의 모든 미리보기 이미지는 첫 번째 미리보기 이미지를 보여줍니다. 코드는 내가 사용 : 당신이 선택 일치하는 첫 번째 요소의 값을 반환합니다 $(".thumb").attr("href")을 사용하고 있기 때문에

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

Answer 1

자바 스크립트에서 첫 번째 이미지와 thumnbnail을 선택합니다.

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

$thumb

는 페이드 아웃 콜백 클릭 된 요소 및 $(this)되는 선택된 이미지 요소 ...과 같이 선택된 요소에 대한 참조로서 사용 $(this). 나는 image 클래스가 1 개 뿐이라고 의심하지만, $(this)의 사용 예가 더 있습니다.

Answer 2

.