multiple jQuery Cycle slideshows get superimposed

Posted by gmorehouse on Stack Overflow See other posts from Stack Overflow or by gmorehouse
Published on 2010-05-31T19:10:29Z Indexed on 2010/05/31 19:13 UTC
Read the original article Hit count: 303

Filed under:
|
|

I'm using the jQuery cycle plugin to create multiple slideshows on a single page (which, once I get this problem figured out, will be started/stopped by mouse hover -- yeah, I know there are 9 slideshows on the page).

Problem is, when I tell more than one slideshow to start cycling, whichever ones I call cycle() on get superimposed. So, all the images from slide 1 are superimposed, then they all transition to slide 2, etc. I can tell they're being superimposed because the first slide of each slideshow contains a transparent PNG.

This happens whether I call cycle() in a jQuery each() iterator, or even if I call it by hand on just two or three of the containers with a jQuery id selector.

The relevant page is http://zi.ma/cycle

© Stack Overflow or respective owner

Related posts about jQuery

Related posts about jquery-plugins