Jquery onclick 更改图片 - 3 产品持有人

Jquery onclick change image - 3 Products holders

本文关键字：持有人 onclick Jquery      更新时间：2023-09-26

编辑：

我想添加另一个按钮，所以我总共有 3 个按钮而不是 2 个。我该怎么做？我尝试添加一个产品支架三个，但是如果我单击第一个按钮 1 然后单击按钮 3，则两个按钮具有相同的背景图像。

预览：http://gyazo.com/6698586765626a57405f9232baaaf61f.gif

我有 3 个按钮，当他们单击其中一个按钮时，它会更改图像..因此，如果用户单击按钮 1，它会更改图像。是现在点击按钮 2 以防他想选择这个按钮 1 图像恢复正常。

网站： http://productsgiveaway.com/iphone5s/

我将不胜感激。

Javascript：

$(document).ready(function () {
    $(".theImage img").click(function () {
        var a = $(this).parent().attr("id") == "product-holder1" ? "product-holder2" : "product-holder1";
        console.log(a);
        $(this).fadeOut();
        $("#" + a + " img").fadeIn()
    })
})

你的代码几乎就在那里，但你需要从这一行中删除 CSS 上的!important：

img { display: block !important; } .

它将覆盖稍后在淡出时应用于该 Select 图像的display:none;。如果您将其更改为仅img {display: block}，则影响会按照我相信您的意图起作用。

相关文章：