Question

I have a view that retrieve some images from database and display them. Now I want to add some effects to them. I have use a jquery plugin. look at my code please :

But the script effect just on the first occurred image not all of them. Where is the problem?

Answer 1

The problem is you are using an id as a selector ($('#kio'), the # means it’s an id) and id’s are unique to the page, so only one will be returned. So you should leave the id attribute out of the img tag.

The solution is to use a selector that gives you all the elements you want, in this case probably $('.adipoli-wrapper img') the first part selects all elements with class adipoli-wrapper, then the img part will select all img elements found within those elements.

On a side note: the classname adipoli-wrapper>img you have in your code is not a valid classname,, you probably mean just adipoli-wrapper, that what I’m assuming in my answer.