如何使用img而不是按钮激活jQuery功能？

Question

我目前正在使用HTML，CSS和JS编写一个网站。我使用了在这里找到的代码，使两个图像在另一个之上淡出，通过单击按钮（创建改变img的效果）显示其他图像。

但是，我不希望有一个丑陋的<input type="button">在页面上激活淡入淡出，而是，我希望能够点击一个图像的切换功能被调用。我将如何去改变激活该功能的元素？

JS代码：

$(function(){ 
    $("input:button").click(function(){ 
     $(".logo").fadeToggle("fast"); 
    }); 
}); 

HTML：

<input type="button" value="Go Kitty Go"/> 

CSS：

#logo1 { 
    position:absolute; 
    top:9px; 
    left: 46%; 
    height: 29px; 
    width: 89px; 
} 

#logo2 { 
    display:none; 
    position:absolute; 
    top: 8.5px; 
    left: 48.2%; 
    height: 28px; 
    width: 60px; 
} 

input { 
    position:absolute; 
    top: 220px; 
} 

我想交换button与img激活fadeToggle()功能。

Answer 1

你没有发布完整的HTML，所以我不知道你的img标签是什么样子。但是，假设你已经给了他们一个ID（id="someId"），这样做：

$("#someId").click(function(){ 
    $(".logo").fadeToggle("fast"); 
}); `});` 

这里唯一的变化是，而不是听对您的按钮点击，你的代码现在聆听您的IMG

点击