Get a free trial // 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]( “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?


# 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

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.

There's a whole bunch of content on CSS-Tricks.

Search for Stuff   •   Browse the Archives

Get the Newsletter ... or get the RSS feed