使用脚本影响所有图像

Question

我有一个视图，从数据库中检索一些图像并显示它们。现在我想为它们添加一些效果。我有一个jQuery插件。看看我的代码，请：

但只是在第一个脚本影响产生了图像不是所有的人。哪里有问题？

Answer 1

问题是你使用一个id作为选择器（$('#kio')，＃表示它是一个id），id是页面唯一的，所以只返回一个。所以你应该把id属性留在img标签之外。

的解决方案是使用一个选择，给你你想要的所有元素，在这种情况下可能$('.adipoli-wrapper img')第一部分选择与adipoli-wrapper类的所有元素，则IMG部分将选择这些元素中找到的所有img元素。

在旁注：类名adipoli-wrapper>img你在你的代码是不是一个有效的类名，你可能意味着只是adipoli-wrapper，这是我在我的答案假设。

Answer 2

ID必须为每个元素的巧妙，使用类代替或者标签名称与上下文：

$('.myImgClass').adipoli({ 
      'startEffect': 'overlay', 
      'hoverEffect': 'sliceDown' 
     }); 

Answer 3

ID必须是唯一首先这就是为什么它只是采取的第一元素与ID效果，从而代替那试试这个

$('.adipoli-wrapper img').adipoli({ 
      'startEffect': 'overlay', 
      'hoverEffect': 'sliceDown' 
}); 

它会在所有跨越图像标记有类adipoli，包装效果，或给你的形象标签的唯一的类，并使用此

$('.YourClassName').adipoli({ 
       'startEffect': 'overlay', 
       'hoverEffect': 'sliceDown' 
}); 

Answer 4

使用jQuery选择来获得页面中所有的图片：

$('img').adipoli({ 
     'startEffect': 'overlay', 
     'hoverEffect': 'sliceDown' 

}）;