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: 364
        
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