Javascript Jquery在单击时在多个图像之间切换
我试图使用jquery在单击图像后在三个图像之间切换。单击第三张图片后,它会将其切换回第一张图片 有没有一种方法可以使下面的内容在两个以上的图片之间切换,并允许多个图片切换一次 jQueryJavascript Jquery在单击时在多个图像之间切换,javascript,jquery,attributes,Javascript,Jquery,Attributes,我试图使用jquery在单击图像后在三个图像之间切换。单击第三张图片后,它会将其切换回第一张图片 有没有一种方法可以使下面的内容在两个以上的图片之间切换,并允许多个图片切换一次 jQuery $(document).ready(function() { $("#clickMe").click(function() { $("#myimage").attr({src : "picture2.png"}); }); }); HTML <div id="clic
$(document).ready(function() {
$("#clickMe").click(function() {
$("#myimage").attr({src : "picture2.png"});
});
});
HTML
<div id="clickMe"><img id="myimage" src="picture1.png" /></div>
谢谢。这是一个非常有用的链接 这应该做到:
$(document).ready(function() {
$("#clickMe").click(function() {
var src = $('#myimage').attr('src');
//if the current image is picture1.png, change it to picture2.png
if(src == 'picture1.png') {
$("#myimage").attr("src","picture2.png");
//if the current image is picture2.png, change it to picture3.png
} else if(src == "picture2.png") {
$("#myimage").attr("src","picture2.png");
//if the current image is anything else, change it back to picture1.png
} else {
$("#myimage").attr("src","picture2.png");
}
});
});
这项工作:
$(document).ready(function () {
var i = 1; // Used to keep track of which image we're looking at
$("#clickMe").click(function () {
i = i < 3 ? i + 1 : 1;
$("#myimage").html("picture#.png".replace("#", i));
});
});
$(文档).ready(函数(){
var i=1;//用于跟踪我们正在查看的图像
$(“#单击我”)。单击(函数(){
i=i<3?i+1:1;
$(“#myimage”).html(“picture#.png”.replace(“#”,i));
});
});
在线演示:您的代码中有一个小的输入错误:elseif应该是else if