Motion collision
Two of every Splide host, two Embla strips, container-settings parallax next to simple-content parallax, a video-background slide, thumbnail navigation, and a 2XL carousel with autoplay. If a library keys instances by a singleton, the second band is the one that breaks.
Slideshow 1: boxed, thumbnail nav
Thumb A
boxed
left
center
800px
0px
30px
fade_in_top
https://demo.apb.aero.net/sites/default/files/styles/apb_slideshow/public/marketing/hero-editor-canvas.png?itok=YCkK_TM_
https://demo.apb.aero.net/sites/default/files/styles/apb_video_thumb/public/marketing/hero-editor-canvas.png?itok=Io-zeXCr
1
1
no
0
1
ADV-MOTION-SS1-A. Thumbnail nav uses a synced Splide. Content width 300px.
Thumb B
boxed
right
center
800px
0px
30px
fade_in_bottom
https://demo.apb.aero.net/sites/default/files/styles/apb_slideshow/public/marketing/hero-eight-years.png?itok=ZECT4Tsj
https://demo.apb.aero.net/sites/default/files/styles/apb_video_thumb/public/marketing/hero-eight-years.png?itok=G_WfNSUf
1
1
no
0
1
ADV-MOTION-SS1-B. Fade in top.
Thumb C
boxed
center
center
800px
0px
30px
fade_in_right
https://demo.apb.aero.net/sites/default/files/styles/apb_slideshow/public/marketing/cta-band.png?itok=MM5JgLJa
https://demo.apb.aero.net/sites/default/files/styles/apb_video_thumb/public/marketing/cta-band.png?itok=6mgagGBg
1
1
no
0
1
ADV-MOTION-SS1-C. Fade in right.
Slideshow 2: vertical full
Vertical full, video bg
vertical_full
center
center
1200px
0px
30px
none
https://demo.apb.aero.net/sites/default/files/styles/apb_slideshow/public/marketing/hero-component-system.png?itok=39GHbwrJ
https://demo.apb.aero.net/sites/default/files/styles/apb_video_thumb/public/marketing/hero-component-system.png?itok=A9D5jy6h
1
1
no
0
1
ADV-MOTION-SS2. Vertical full plus hosted video. Second slideshow on the page.
Carousel 1: small, autoplay off
-
Accordion -
Carousel -
Gallery -
Links -
Tabs -
Video
Carousel 2: 2XL, autoplay on
-
Accordion 2xl
-
Carousel 2xl
-
Gallery 2xl
-
Links 2xl
-
Tabs 2xl
-
Video 2xl
Logos 1: scale up
Levi's
OTA
Olli
Parma
Forell
USBG
Logos 2: scale plus reveal
Levi's color
OTA color
Olli color
Parma color
Forell color
USBG color
Simple-content Splide 1
Simple-content Splide 2
Container parallax behind type 5
Type 5
ADV-MOTION-FB5. White CS on dark chrome.
Blur 2
Container blur is 2. Opacity 0.7.
Parallax down
Container-settings parallax, not the simple-content item.
More Advanced Pages
These pages are composition stress tests. They are not the frozen gallery and not the commercial storefront.