Swiper: Is it possible to build a horizontal nested Swiper inside another?

Created on 5 Feb 2015  路  5Comments  路  Source: nolimits4web/swiper

Hi nolimits4web,

I'm trying to build a page where the first slide slides halfway upon swipe and subsequent slides swipe underneath the first slide all sliding left horizontally. I see you have a vertical slider inside your horizontal nested slider demo but when the mode is altered it doesn't recognize it separately from the main one. Is there another attribute I need to turn off/on for this to happen?

Also is it possible to have slide images stop fixed at a certain value? Those are the two things I need to sort out to build this thing.

Thanks for any suggestions.

Most helpful comment

Another example of an alternative nested swiper: https://jsfiddle.net/imoskvin/s0fm20m6/

All 5 comments

No, it is impossible to have nested horizontal in horizontal

Apparently, it is possible now? You have to set nested: true for the configuration of the inner slider. Here, I modified the nested swiper demo from the main site so that the inner slider is horizontal, not vertical. Check out this fiddle: https://jsfiddle.net/imoskvin/s0fm20m6/

P.S. Just making this comment for posterity. This thread is the top result when searching for nested horizontal swiper on Google.

Another example of an alternative nested swiper: https://jsfiddle.net/imoskvin/s0fm20m6/

it is impossible for horizontal parent and freeMode nested?

This thread has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.

Was this page helpful?
0 / 5 - 0 ratings