search

codrops / Elastislide

Elastislide is a responsive image carousel that will adapt fluidly in a layout. It is a jQuery plugin that can be laid out horizontally or vertically with a pre-defined minimum number of shown images
362 stars 111 forks source link

Multiple Elastislide on same page not working #5

Closed juanpex closed 11 years ago

juanpex commented 11 years ago

Is there a solution for it?

botelho commented 11 years ago

I just tried it now and it works fine. I can't see any problem..

ghost commented 10 years ago

I also seem to have this problem as well. With only one instance, Elastislide works beautifully. However, it seems to have issues with its generated XHTML markup once I am attempting to put multiple instances on a page. As compared to how it behaves on a single page instance, Elastislide creates many nested divs when I use it multiple times.

http://picpaste.com/elastislidenesteddivproblem-UZMAAXYB.jpg

Note that, in my case, I am trying to integrate Elastislide into Wordpress. I have already issued a question on WP forums just in case:

http://wordpress.org/support/topic/archive-listing-nested-duplicate-divs-elastislider (Im linking to this only because it has a more detailed diagnosis, complete with code reference)

Apologies to bring up what was once a closed topic but this thread was the only existing one on here which mentioned my issue.

heliobentzen commented 9 years ago

You can try it:

< script type="text/javascript" > $( '#carousel' ).elastislide(); $( '#carousel2' ).elastislide(); $( '#carousel3' ).elastislide(); < /script>