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

Problem with Multiple Instances of Elastislide on a Page #25

Open ghost opened 10 years ago

ghost commented 10 years ago

I have been using Elastislider for my product pages and it works beautifully. However, as soon as I attempt to use Elastislider on a "listing page", something goes odd. When trying to use more than one instance of it on a page, Elastislide appears to be generating extra XHTML markup. As compared to how it behaves on a single page instance, Elastislide creates many nested divs when I use it multiple times.

elastislidenesteddivproblem-uzmaaxyb

Note that, in my case, I am trying to integrate Elastislide into Wordpress. This may or may not be the source of the problem or the cause of why Elastislide is nesting in this manner. So, just in case, I have already issued a question on WP forums:

http://wordpress.org/support/topic/archive-listing-nested-duplicate-divs-elastislider

Apologies for the external link but I could not figure out how to parse the code (seen in the wordpress forum link) here on Github. There is also a duplicate thread about this seen here, but it was more than 8 months old: https://github.com/codrops/Elastislide/issues/5)