I’m using the anything slider and it worked fine with images in the foreground (i.e. if placed in the html), but when I have the images included as background images via CSS (so I can have content on top of the images), I’m getting an “extra” white slide at the end of the sequence (i.e. when it loops back to slide 1). Anyone had this happen before? Any ideas?
The problem can be seen here. The code couldn’t be simpler:
One note on the original post… I’ve determined that if I add a foregrounded image as the first slide (with all others in the background) the “wrap-around” works fine. This doesn’t surprise me, since I was pretty sure the issue was that the background image was not being loaded until the slide motion completed.
This is a work-around I can live with in the short term, but I don’t want to be stuck with this limitation any longer than I have to!
I had to move the buggy version of the code to a different url since I’m moving forward. If you want to see the live version of the problem please go here instead of the previous link. Sorry for the confusion!
I believe the problem is because AnythingSlider removes the ID from cloned slides. So if your background image is set using an ID, the cloned panels will be blank. Just switch the ID’s to classes to fix it.