SLIDESHOW: Belle Isle 2020 (1) Simply Dark Theme, Responsive Slide Fade Transition
The slide show above is using the free MetaSlider Plug-in. It allows uploading of one or more images at a time into the normal Media folder, but then saves them as individual slides in the slideshow. Each slideshow can have its own title.
Each slide includes an image caption field (usually displayed with the slide), an alt text field, a title text field (also used by the regular Media Library listing) and a description field (unsure where this is used). Slides are displayed here as 1000x500px and can be re-ordered with a drag and drop procedure. Slides can also be edited or cropped as needed within MetaSlider.
Once a slide show has been created, various themes and transitions can be utilized. The theme for the slideshow above “Simply Dark” was chosen so the caption and Next/Prev buttons were always easily viewed (black background). There are currently 14 themes available. The slide transition was “R-Slide” (Responsive Slide). Slides are displayed for 8 seconds and then transition with a 0.8 second cross-fade. There are five transition styles available. Note that hovering over a slide will stop its transition. There are several other display and style options available.
SLIDESHOW: Belle Isle 2020 (2) – Outline Theme, FlexSlider with Fade Transition
This slideshow uses the Outline theme and Flexslider transition using Fades. You can build as many slideshows as you wish and very easily place them on pages with just a simple code like metaslider id=”137″. Each slideshow can have different transition speeds and image sizes.
Careful – If you place multiple slide shows on the same page (like this one) some themes don’t work well with others!