用onClick改变图像jQuery
用onClick改变图像jQuery
提问于 2012-12-15 18:11:59
我在我的网站上使用这个HTML：<a href="#1" id="slick-toggle"><img src="img1.jpg"/></a>
单击此链接时，我希望将图像src更改为img2.jpg。并在再次单击时返回到img1.jpg &等等。有人能解释一下我是如何用jQuery?做这件事的吗？
下面是我现有的jQuery，如果这有帮助的话：
$(document).ready(function() {
$('#slick-toggle').click(function() {
$('#slickbox').toggle(400);
return false;
});
});非常感谢你的指点:-)
回答 3
Stack Overflow用户
回答已采纳
发布于 2012-12-15 18:15:33
$(document).ready(function() {
$('#slick-toggle').click(function() {
$('img', this).attr('src', function(i, oldSrc) {
return oldSrc == 'img1.jpg' ? 'img2.jpg' : 'img1.jpg';
});
$('#slickbox').toggle(400);
return false;
});
});Stack Overflow用户
发布于 2012-12-15 18:20:32
您需要在里面找到图像，因为单击处理程序在包装它的文件上，如下所示：
$('a#slick-toggle').click(function() {
var img = $('#share')[0], isSwap = "True";
img.src = isSwap ? img.src.replace("_img1","_img2") : img.src.replace("_img2","_img1");
$('.img-swap').toggleClass("on");
$('#atBox').toggle(100);
return false;
});Stack Overflow用户
发布于 2012-12-15 18:29:57
为此使用此函数：
$('#mylink').toggle(
function(){
$(this).attr('src','img2.jpg');
},
function(){
$(this).attr('src','img3.jpg');
}
// and so on..
);你可以在里面增加更多的功能..。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/13894815
复制相关文章
相似问题
腾讯云开发者
