GALLERY & SLIDER EXAMPLES
This page contains examples of the Gallery and Slider widgets which can be added to ANY website page or funnel step. These are shown in a few different ways to highlight a few of the configuration options that are available.
GALLERY WIDGET: GRID EXAMPLE 1
Set to: Images per row: 3, Image paddings: 1%, Image Radio: 1:1 -Square, Images fill their container: Yes, Images to open in lightbox: Yes, Block Settings: Boxed-Width
GALLERY WIDGET: GRID EXAMPLE 2
Set to: Images per row: 2, Image paddings: 3%, Image Radio: 16:9-wide, Images fill their container: Yes, Images to open in lightbox: No, Block Settings: Full-Width
GALLERY WIDGET: GRID EXAMPLE 3
Set to: Images per row: 6, Image paddings: 1%, Image Radio: 2:3-rectangle tall, Images fill their container: Yes, Images to open in lightbox: Yes, Block Settings: Full-Width
GALLERY WIDGET: CAROUSEL EXAMPLE 1
Set to: Images per row: 3, Image paddings: 4%, Image Radio: 2:3-rectangle tall, Images fill their container: Yes, Images to open in lightbox: Yes, Show Navigation Arrows: No, Slide Automatically: Yes, Slide Delay: 1500ms, Block Settings: Boxed Width
Note: mouse-over halts automatic slider
GALLERY WIDGET: CAROUSEL EXAMPLE 2
Set to: Images per row: 2, Image paddings: 1%, Image Radio: 1:1-square, Images fill their container: Yes, Images to open in lightbox: Yes, Show Navigation Arrows: Yes, Slide Automatically: No, Block Settings: Boxed-Width
GALLERY WIDGET: CAROUSEL EXAMPLE 3
Set to: Images per row: 3, Image paddings: 3%, Image Radio: 3:4-standard tall, Images fill their container: Yes, Images to open in lightbox: Yes, Show Navigation Arrows: Yes, Change Slides Automatically: Yes, Slide Delay: 2500ms, Block Settings: Boxed-Width
Note: mouse-over halts automatic slider
SLIDER WIDGET: Example 1
Set to: Animation Duration: 150, Slide Display Duration: 2500ms, Slides Transition: Box Fade, Pause on Mouse-Over: No, Show Timer: No, Navigation Arrows: Yes, Navigation Bullets: Yes, Block Settings: Block-Width
SLIDER WIDGET: Example 2
Set to: Animation Duration: 350, Slide Display Duration: 4000ms, Slides Transition: Slide from Left, Pause on Mouse-Over: Yes, Show Timer: Yes, Navigation Arrows: No, Navigation Bullets: No, Block Settings: Boxed-Width
YOU CAN ADD LAYERS ON TOP OF SLIDES - THIS IS A TEXT LAYER
SLIDER WIDGET: Example 3
Set to: Animation Duration: 200, Slide Display Duration: 3500ms, Slides Transition: Box Fade-Rando, Pause on Mouse-Over: No, Show Timer: No, Navigation Arrows: No, Navigation Bullets: Yes, Block Settings: Full-Width