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.
|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:
|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
You can read Adding custom CSS class to a shortcode article for further explanation.