Jquery 通过切换事件更改图片

我有两张照片。一个

arrow\u right.png

和

arrow\u left.png

。我只想显示一张图片。如果单击，则切换到另一张图片。您能帮助我如何使用jQuery

toggle（）

函数进行切换吗。因为它隐藏了我的照片

$('img').toggle(
    function () {
        $(this).attr('src', 'arrow_left.png');
    },
    function () {
        $(this).attr('src', 'arrow_right.png');
    }
);

.toggle（）

的文档：

下面是一个演示：

更新 您还可以使用

.animate（）

或一些预构建动画，为每个图像之间的更改设置动画：

$('img').toggle(
    function () {
        $(this).stop().fadeTo(250, 0, function () {
            $(this).attr('src', 'http://chachatelier.fr/programmation/images/mozodojo-mosaic-image.jpg').fadeTo(250, 1);
        });
    },
    function () {
        $(this).stop().fadeTo(250, 0, function () {
            $(this).attr('src', 'http://www.prelovac.com/vladimir/wp-content/uploads/2008/03/example.jpg').fadeTo(250, 1)
        });
    }
);

请注意，只有在图像完全淡出后，我才使用fadeTo的回调函数来更改源代码

这是一个演示（淡入淡出）：

这是一个演示（幻灯片）：

.toggle（）

的文档：

下面是一个演示：

更新 您还可以使用

.animate（）

或一些预构建动画，为每个图像之间的更改设置动画：

$('img').toggle(
    function () {
        $(this).stop().fadeTo(250, 0, function () {
            $(this).attr('src', 'http://chachatelier.fr/programmation/images/mozodojo-mosaic-image.jpg').fadeTo(250, 1);
        });
    },
    function () {
        $(this).stop().fadeTo(250, 0, function () {
            $(this).attr('src', 'http://www.prelovac.com/vladimir/wp-content/uploads/2008/03/example.jpg').fadeTo(250, 1)
        });
    }
);

请注意，只有在图像完全淡出后，我才使用fadeTo的回调函数来更改源代码

这是一个演示（淡入淡出）：

---

这是一个演示（幻灯片）：

可能重复的您可以发布您尝试过的代码吗？可能重复的您可以发布您尝试过的代码吗？