Grow your CSS skills. Land your dream job.

Nested AnythingSliders

  • # December 6, 2012 at 3:47 pm

    I have a test page setup with the latest AnythingSlider (v1.8.6) [see link](http://inthrma.com/new/ “see test page”)
    Everything works well except when slide #1 is re-loaded (the nested AS re-renders in an odd way)

  • s render natively then render per AS css.

    To repro: Load above link. scroll through 3 panels. When returning back to #1, watch the embedded AS render…

    Any ideas on what is causing this or a fix?

    Thanks!

# December 6, 2012 at 6:15 pm

Hi sboutros!

Try initializing `#slider2` first. The problem is that `#slider1` is cloning the first and last slides and because `#slider2` is an ID, only the first copy of that slider is being initialized.

Maybe a better solution would be to use a slider2 class name instead of an ID.

# December 6, 2012 at 6:20 pm

Brilliant!
Initing #slider2 first, works like a charm.
Thanks for the great tip!

Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".