javascript - JavaScript を使用してクリックしたときに画像を変更する方法は?

Question

ここにスライド画像ビューアを作成しました。ご覧のとおり、画像を変更/スライドするための 4 つの小さなクリック可能な画像があります。クリックしたとき、または適切なメイン画像が表示されたときに、小さな画像をこの画像代替テキスト http://beta.d-load.org/images/etc/imagev-on.pngに変更したい。そうすれば、ユーザーはどのメイン画像が表示されているかを知ることができます。誰でもソースを見て、これを行う方法を説明できますか? ありがとう！

Answer 1

次のコードを試してください!!

var src = [];
    src['normal'] = "http://beta.d-load.org/images/etc/imagev-norm.png";
    src['active'] = "http://beta.d-load.org/images/etc/imagev-over.png";
$(document).ready(function() {
    $('a',$('.paging')).click(function() {
       $('a',$('.paging')).find('img').attr('src',src['normal']);  
       $(this).find('img').attr('src',src['active'])   ;
    });
});

ほら、デモ: http://jsfiddle.net/qTB9g/