Onclick用/ jQuery替换图像

时间:2012-01-09 15:34:09

标签: jquery html css

在我的网站上,我添加了CSS-Tricks动态网站脚本。 我需要'点击缩略图,替换主图像'。 缩略图图像在右侧,主图像在左侧。

这:http://jsfiddle.net/hHCAK/ 正是我在这里:http://stephenharman.com/#forestpark.php

然而它仍然无法工作......

1 个答案:

答案 0 :(得分:1)

所以主要图像总是在缩略图之前?

我想你想要这样的东西:

$("img.thumbnail").click(function() {
    var $this = $(this);
    var imgToLeft = $this.prev("img");
    $this.attr("src", imgToLeft.attr(src));
});

或者如果动态添加这些图像:

$(document).on("click", "img.thumbnail", function() {
    var $this = $(this);
    var imgToLeft = $this.prev("img");
    $this.attr("src", imgToLeft.attr(src));
});