jquery中的简单图像滑块

Question

我在这个网站上找到了一个“图像滑块”的代码，我正在尝试根据自己的需要进行更改。我希望能够遍历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);
    }
});

它代替$（'rotate_images'）时有效。我有$（'img'）。on。所以我得到了正在发生的事情 - '当你点击页面上的任何图像时，如果当前图像不是img1_on.png，那么显示img1_on.png ...但我希望代码应用于SPECIFIC div图像，没有任何形象。

任何帮助将不胜感激。

克里斯。

Answer 1

将您的选择器更改为：

$('#rotate_images')..

您忘记了#