The laptop slideshow shortcode provides a laptop frame around a simple slideshow. Using this shortcode you can show a beautiful image slider inside a laptop frame on your page.
In this article, we will explain how to displaying and configure the laptop slideshow shortcode.
To see the laptop slideshow shortcode in action, check out the demo page.
Displaying the Laptop Slideshow
To add the laptop slideshow shortcode:
Configuring the Settings
There are a few settings in the laptop slideshow settings pop-up that allow you to customize the the slideshow. Configure the settings as required.
Settings | Description |
---|---|
Slide Nav Size | Defines the size the of slideshow navigation buttons. There are four available options: Full Width, One Half, One Third and One Fourth. |
Animation Speed | Sets the speed of the animations in milliseconds. |
Slideshow Speed | Sets the speed of the slideshow cycle in milliseconds. |
Pause On Hover | Determines whether or not to pause the slideshow on mouseover or not. |
Adding an Entrance Animation
The Viewport Animation field in the settings pop-up allows you to hide the shortcode initially and make it visible with animation when you scroll through the browser.
You can read the Configuring a shortcode’s entrance animation article for further explanation.
Adding an Extra Class Name
The Extra Class Name field in the settings 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 the Adding a custom CSS class to a shortcode article for further explanation.