간단한 jQuery 이미지 로더에 문제가 생겼습니다

Question

이미지 축소판의 간단한 스크립트를 구현하려고합니다.이를 클릭하면 더 큰 이미지가 표시됩니다.

기존 플러그인을 사용하지 않고이 작업을 수행하려고합니다.

다음은 현재 코드입니다.

$('#thumbnails ul li').click(function() { 
$('#main').attr('src', $(this).attr('src').replace('small/', 'large/'));});​ 

내가 뭘 잘못하고 있는지 알려주실 수 있습니까? 여기에 전체 코드를 업로드했습니다 ... http://jsfiddle.net/PjrFe/

미리 감사드립니다.

Answer 1

왜냐하면 클릭 한 li의 attr 'src'를 확인하기 때문입니다. 이 시도 :

이 :)

$('#thumbnails ul li').click(function() { 
    $('#main').attr('src', $(this).find('img').attr('src').replace('small/', 'large/')); 
}); 

Answer 2

확인이 트릭을 수행해야합니다

http://jsfiddle.net/PjrFe/18/