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/