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

【问题标题】：How to change an image when clicked using JavaScript?使用 JavaScript 单击时如何更改图像？
【发布时间】：2011-03-18 00:22:34
【问题描述】：

我创建了一个滑动图像查看器here。如您所见，有 4 个可点击的小图像来更改/滑动图像。我希望小图像在单击或显示相应的主图像时更改为该图像alt text http://beta.d-load.org/images/etc/imagev-on.png。这样，用户就可以知道正在显示哪个主图像。任何人都可以查看源代码并解释如何执行此操作吗？谢谢！

【问题讨论】：

标签： javascript jquery html image viewer

【解决方案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/

【讨论】：

唯一的问题是他想使用一个图像，所以你要么必须将它设置为该类的背景图像，要么实际更改所选图像的来源。
@ryanulit 现在，我明白他到底想要什么了。谢谢你告诉我
谢谢！虽然我无法让它与背景图像一起使用。有什么方法可以从 CSS 更改图像的来源？
谢谢，我会试一试的。 :)
再次感谢。现在只有最后一个问题：- 如果同一页面上有其他图像已被超链接，我该怎么办？该代码似乎用“正常”或“活动”图像替换它们的图像。根据我的理解，除了“$（'a'）.find（'img'）”之外，有没有其他方法可以使用（很少）；它正在寻找所有超链接的图像。