Swipe slideshow shortcode provides a simplistic approach to have a quick slideshow with swipe effect.
In this article, we will explain displaying and configuring Swipe slideshow shortcode.
Displaying Swipe Slideshow Shortcode
To add Swipe slideshow shortcode:
Configuring Other Settings
There are other settings in Swipe Slideshow Settings pop-up which allow you to customize the slideshow. Configure the settings as required.
| Setting | Description |
|---|---|
| Image Size | Sets the image width and height. |
| Slide Direction | Sets the direction of image slide. There are two options available: Horizontal, Vertical. |
| Animation Speed | Sets the speed of the animations in milliseconds. |
| Slideshow Speed | Sets the speed of the slideshow cycling in milliseconds. |
| Direction Nav | Decides whether to enable the navigation arrow of the slideshow or not. |
Configuring Image Size
There are some options inside Image Size which allow you to customize slideshow image size. Configure the settings as required:
| Setting | Description |
|---|---|
| Resize & Crop | Crops the slideshow image using custom width and height option. Available sub options are Width and Height. This option is not recommended. |
| Default – Original Size | Sets the original dimension of the slideshow image. |
| Default – Large Size | Sets the slideshow image to maximum available size. |
| Default – Medium Size | Sets the slideshow image to a medium size. |
Adding an Extra Class Name
Extra Class Name field in the setting pop-up allows you to add an extra class name to the shortcode. It’s useful when you need to target the shortcode in a stylesheet or JavaScript file.
You can read Adding custom CSS class to a shortcode article for further explanation.
