Search code examples
jqueryanythingslider

How can I get smooth transitions on nested sliders using AnythingSlider?


I'm trying to create nested sliders using AnythingSlider, and I'm coming across an issue. Going forward, the slides transition fine. However, going back, once the slide containing the nested slider is reached, the slide shifts awkwardly from right to left into place.

Here is an example of what I'm experiencing: http://jsfiddle.net/S8Je5/118/ -- there is a clear difference between the forward and back transitions with respect to the nested slider slide.

Your help is much appreciated.


Solution

  • Ah, ok, so it's showing a flash of the first cloned panel of the nested slider. What I had to do was restyle the cloned panel content to resemble the first real nested slide. (I was able to see how the cloned panel looked by setting the position of the outer slider to 0 using Firebug). Here is the fixed version: http://jsfiddle.net/S8Je5/146/