使用JQuery循环图像
Looping Through Images using JQuery
我正在尝试使用JQuery next()将CSS添加到一个图像在一个时间突出显示它。当用户单击按钮时,它应该突出显示带有边框的next()图像。相反,它会高亮显示它后面的所有图像。
$('#imageList img').next().addClass('selected');
它将类添加到所有的图像。
这也会得到你想要的http://jsfiddle.net/GWtg8/2/
$(document).ready(function(){
$('#btn').click(function(){
$('#cont img').not('.selected').first().addClass('selected');
}); });
首先,选择第一张图片:
var img = $('#imageList img:first').addClass('selected');
现在,当你想突出显示下一张图片时,调用这个函数:
function selectNext() {
img.removeClass('selected').next().addClass('selected');
}
试试这个
$(function(){
var imageList = $('#imageList img'), imgCounter = 0;
$("buttonSelector").click(function(){
imageList.eq(imgCounter++).addClass('selected');
});
});
似乎下面应该为您工作得很好,应该将"selected"类添加到集合中不包含该类的第一个图像:
$('#imageList img:not(.selected)').eq(0).addClass('selected');
相关文章:
- 循环浏览多个身体背景图像
- 使用javascript的图像替换循环
- 在ng重复循环中显示来自不同文件夹的图像
- JavaScript中的数组图像循环
- 循环以检查数组中的最后一个图像
- javascript背景图像位置循环
- jQuery循环寻呼机附加较小的图像大小
- 每第n个图像具有下一个循环的余数偏移
- Jquery图像循环问题
- jQuery 单循环图像循环
- Javascript图像循环器
- 如何在页面上的多个缩略图集的鼠标悬停时实现 jQuery 图像循环
- 寻找一种在一个页面上运行多个图像循环仪的方法
- window.打开多个设置间隔的图像循环
- 图像循环加载不到位
- 更改图像,点击(6图像循环)
- 图像循环-重新循环
- 褪色图像循环jQuery
- 如何添加onclick到简单的js图像循环
- jQuery动画制作幻灯片图像循环在同一个方向上迭代