Jquery 当用户单击缩略图时切换图像

好的，伙计们。我希望在用户单击较小的缩略图时切换显示的较大图像

这是我的jquery脚本，但到目前为止它没有切换。单击缩略图时不会发生任何事情

这很奇怪，因为我有两个箭头图像，单击时可以滑动拇指蜗牛，但由于某些原因，在单击手指时不能滑动。到底发生了什么事

JQuery：

$(document).ready(function () {

    // when image with ID thumb is clicked change src 
    $("img#thumb").click(function () {              
        var imgpath = $(this).attr("src");
        $("img#cover").attr("src", imgpath);
    });

    // slide more thumbnails 
    $("#arrowright").click(function () {
        $("#innerthumb").animate({ marginLeft: "-850px" });
    });

    $("#arrowleft").click(function () {
        $("#innerthumb").animate({ marginLeft: "0px" });
    });

    // image change on click
    $("img#thumb").click(function () {
        var newimg = $(this).attr("src");
        $("img#cover").attr("src", newimg);
    });

HTML

---

您不应该在同一页面中有相同id的img。这会导致jquery选择器出现问题

为了解决您的问题，您必须将img id改为t1、t2、t3，并设置class=thumb，然后在jquery部分执行类似的操作

$("img.thumb").click(function () {
    var id = $(this).attr("id");
    var newimg = $("#"+id).attr("src");
    $("img#cover").attr("src", newimg);
});

---

不能多次重复使用同一ID。html上的

img#cover

元素在哪里？很抱歉，我现在忘了在那里包含它。

$("img.thumb").click(function () {
    var id = $(this).attr("id");
    var newimg = $("#"+id).attr("src");
    $("img#cover").attr("src", newimg);
});