cross fade fails with sliding captions

CSS-Tricks / AnythingSlider

A jQuery Slider plugin for anything.

http://css-tricks.github.io/AnythingSlider/

GNU Lesser General Public License v3.0

1.15k stars 380 forks source link

cross fade fails with sliding captions #489

Closed webguy262 closed 11 years ago

webguy262 commented 11 years ago

Trying to get cross fade to work with captions but all slides after the first simply display as white (or whatever background color is specified).

You can confirm the problem by adding 'mode:"fade"' to the call for '$('#slider3')' in the 'demo.js' file of the current download package. The '$('#slider3')' call controls Demo 3, the "Sliding Captions" demo in 'demo.html." Add 'mode:"fade"' and all you'll see is the first slide.

Can anyone see how to resolve the issue?

Mottie commented 11 years ago

Hi webguy262!

If you remove this bit of css, it should correct itself (demo). The reason why this code breaks the slider is because in fade mode the panels need to be absolutely positioned to stack them on top of each other.

/* position the panels so the captions appear correctly */
 #slider .panel {
    position: relative;
}

Mottie commented 11 years ago

I am guessing this issue has been resolved, so I'm closing it. Please feel free to reopen this issue if you continue to have problems. For any further questions, please use the CSS-Tricks forums. Thanks!