使用jQuery在单击时旋转图像。通过单击来交换/更改图像

我一共有两张图片。我只想显示第一个，隐藏第二个

然后，当我点击图像时，它会将图像切换到第二个图像，然后我再次点击，它会返回到第一个图像，在一个循环中，每次点击都会不断切换图像，比如1、2、1、2、1、2等等

干杯

也许你可以用这个：

也许你可以用这个：

html:

<img src="URL" id="image1" />
<img src="URL" id="image2" style='display:none;'/>

html:

---

您可以使用jQuery的CSS函数来尝试这一点，如

$('.image').toggle(
function() {
    $('#img1').css({ 'display':'none' });
    $('#img2').css({ 'display':'inline' });
}, function() {
    $('#img2').css({ 'display':'none' });
    $('#img1').css({ 'display':'inline' });
});

---

是一个正在运行的实时演示

您可以使用jQuery的CSS函数来尝试它，如

$('.image').toggle(
function() {
    $('#img1').css({ 'display':'none' });
    $('#img2').css({ 'display':'inline' });
}, function() {
    $('#img2').css({ 'display':'none' });
    $('#img1').css({ 'display':'inline' });
});

---

是一个工作现场演示

这根本不是OP想要的。这根本不是OP想要的。请分享您迄今为止的尝试。请分享您迄今为止的尝试。