jquery中的简单图像滑块答案

【问题标题】：simple image slider in jqueryjquery中的简单图像滑块
【发布时间】：2013-04-08 23:59:45
【问题描述】：

我在这个网站上找到了一些“图像滑块”的代码，我正在尝试对其进行更改以满足我的需要。我希望能够单步执行 3 或 4 个图像文件，但我会满足于两个，直到我对这段代码进行排序。

你能帮我修复这段代码吗？我有两张图片，img1_on.png 和 img2_on.png。

<img id ="rotate_images" src="img1_on.png"/>

$('rotate_images').on({
    'click': function() {
         var src = ($(this).attr('src') === 'img1_on.png')
            ? 'img2_on.png'
            : 'img1_on.png';
         $(this).attr('src', src);
    }
});

当我使用 $('img').on 而不是 $('rotate_images').on 时，它起作用了。所以我知道发生了什么 - '当您单击页面上的任何图像时，如果当前图像不是 img1_on.png，则显示 img1_on.png ...但我希望代码适用于图像的特定 div，没有任何图像。

任何帮助将不胜感激。

克里斯。

【问题讨论】：

标签： jquery slider

【解决方案1】：

将选择器更改为：

$('#rotate_images')..

你忘了#

【讨论】：

啊哈！谢谢你，我傻了。现在......添加另一个图像会很容易吗？我将尝试在下面添加另外几行，例如： var src = ($(this).attr('src') === 'img2_on.png') ？ 'img3_on.png' : 'img2_on.png'; $(this).attr('src', src);再次感谢。