1

我有一个功能(本质上是一个插件),可以一遍又一遍地抓取随机图像。

问题是,如果页面中有 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);
4

0 回答 0