What is Popup Slideshow Component
The Popup Slideshow Component allows you to create a button to trigger a popup with customizable image slideshow. The slideshow can support up to 10 images. You can choose to show or hide the slideshow pagination and navigation button. You can enable or disable slideshow autoplay and adjust the delay between slide change and several other settings. You can also customize the appearance of the popup button.
How to Configure
This section will guide you through the configuration options available for the Popup Slideshow Component
Settings
- Popup Button Background Color: Customize the background color of the slideshow popup button
- Popup Button Icon Color: Customize the color of the icon on the slideshow popup button
- Slideshow Image: Set the slideshow Image. You can set up to 10 slide images. Ensure that all slide images have the same dimension size.
- Pagination Size: Set the pagination size in pixels.
- Hide Pagination: Choose to show or hide slideshow pagination. Set it to true if want to hide it. The default is set to false.
- Navigation Size: Set the navigation button size in pixels.
- Hide Navigation: Choose to show or hide the slideshow navigation button. Set it to true if want to hide it. The default is set to false.
- Disable Autoplay: Choose to enable or disable slideshow autoplay. Set it to true if want to disable it. The default is set to false.
- Slide Change Duration: Set the duration between slide change when slideshow autoplay is enabled. Choose the duration of (1-10 seconds).
- Navigation Button Color: Set the navigation button color.
- Pagination Color: Set the pagination color.
- Active Pagination Color: Set the pagination color when selected.
Actions
Use the actions to bind with your custom button.
- Previous: Go to the previous slide.
- Next: Go to the next slide.
- Go To First Slide: Go straight to the first slide.
- Go To Last Slide: Go straight to the last slide.
Triggers
- Slideshow Opened: Triggered when slideshow popup has been opened.
- Slideshow Closed: Triggered when slideshow popup has been closed.
- Last Slide: Triggered when reached the last slide.