LCD slideshow shortcode provides a LCD frame wrapping a simple slideshow. You can use this shortcode when you need to show a beautiful image slider inside an LCD screen frame on your page.
In this article, we will explain displaying and configuring LCD slideshow shortcode.
To see the LCD slideshow shortcode in action, you may check the demo page.
Displaying LCD Slideshow
To add LCD slideshow shortcode:
Configuring the Settings
There are other settings in LCD Slideshow Settings pop-up which allow you to customize the the slideshow. Configure the settings as required.
Settings | Descripiton |
---|---|
Animation Speed | Sets the speed of the animations in milliseconds. |
Slideshow Speed | Sets the speed of the slideshow cycling in milliseconds. |
Pause On Hover | Determines whether to pause slideshow on mouse over or not. |
Adding an Entrance Animation
Viewport Animation field in the settings pop-up allows you to hide the shortcode initially and make it visible with animation when you scroll in the browser.
You can read Configuring shortcode’s entrance animation article for further explanation.
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.