我有一个功能(本质上是一个插件),可以一遍又一遍地抓取随机图像。
问题是,如果页面中有 2 个具有相同类的元素,它会将它们视为一个......
前任。
[x][x]
[x][x][x]
代替
[x][x][x][x][x]
[x][x][x][x][x]
(见Fiddle现场演示)
有没有办法让它为每个元素创建一个单独的实例,同时仍然使用一个类作为选择器?i.e., the class is .preview and it has no ID
randomPhoto = function(element,amount){
x = $(element);
img = x.find('img');
total = img.length;
img.animate({opacity:0}).hide();
showImages = function(amount){
var used = [];
var current = []
for(var i = 0; i < amount; i++) {
var r = Math.floor(Math.random() * total);
used.push(r);
swap = used;
used = current;
current = swap;
if(r!=used)
var image = img.eq(r);
image.animate({opacity:1}).show();
}
}
showImages(amount);
}
randomPhoto('.gallery',5);
var loop = setInterval(function(){randomPhoto('.gallery',5)}, 4100);