如何在使用JavaScript单击时更改图像？

Question

我创建了一个滑动图像查看器here。如您所见，有4个小的可点击图像可以更改/滑动图像。我希望小图像在单击时更改为此图像alt text 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/