jquery - 単純な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/