Top 13 Innovative CSS Simple Slideshow Examples

1. bgStretcher jQuery Background Resizer & Slideshow

featured image

When multiple images are supplied, bgStretcher displays them in a configurable slideshow with advanced options. The plugin will work as a slideshow if multiple images are used.Unobtrusive Script & Simple to Setup

Advanced Slideshow Features

More Details

2. WOW Slider

WOW Slider

The most strong and popular web design trend over last couple of years is a sliding horizontal panels also known as Sliders or Carousels. Image slider is a very effective method to increase the web site usability and engage the user.

WOW Slider is a responsive jQuery image slider with amazing visual effects and tons of professionally made templates. NO Coding - WOW Slider is packed with a point-and-click wizard to create fantastic sliders in a matter of seconds without coding and image editing. Wordpress slider plugin and Joomla slider module are available.

Also, you can share your slider on Facebook.

More Details

3. Horizontal Gridfolio Pro

featured image

Thumbnail’s description or thumbnail’s media icons: each thumb can have a short description with a transparent background under it or a media icon which represents a link, iframe, video or image, this are visible when the mouse is over a thumbnail, the text can be formatted with CSS, the jQuery background slideshow and opacity also can be modified (optional). Also the grid can be set when a thumbnail is pressed to do nothing, this way it can be used as a simple image manipulation jQuery wall.Slideshow button (optional). Slideshow autoplay.Slideshow delay: The slideshow delay can be set in seconds.Slideshow custom animated graphics.Info button and info window: Each lighbox item can have a description, the text and window appearance can be formatted with CSS (optional).

More Details

4. jQuery 3D Object Show

featured image

It is simple and compatible with all major browsers and touches devices.

More Details

5. Rockstar Slider - jQuery touch slider/gallery

featured image

Rockstar Touch Slider is a script for creating a simple and minimalistic slider or a slideshow. The script is only 5kb in size and there is no CSS file!

<div class="slideshow">

That is all you need to make the slideshow work! No slideshow JavaScript code is needed and no external CSS file.

More Details

6. Filter Slider - jQuery Image Manipulation

featured image

Using FilterSlier is extremly simple. Easily customizable via CSS file

More Details

7. Cute Slider - 3D & 2D HTML5 Image Slider

featured image

Option to set shuffle mode for slideshow

Simple clean & valid markup

Add new feature: Shuffle mode for slideshow

More Details

8. Responsive Layer Slider jQuery Plugin

featured image

clean and simple design,

slideshow,

More Details

9. iLightBox · Revolutionary Lightbox Plugin

featured image

Simple clean & valid markup

“iLightBox is real great plug! i don’t find a system to open the slideshow with only one thumb… great work”—Ciccio Pasticcio

More Details

10. The Fusion of Tabs and Slider with jQuery

featured image

Auto slideshow with optional pause and play button.Customizable through css.Simple configuration.With min version of css & js files.

More Details

11. Ultimate Grid Responsive Gallery

featured image

This is a HTML | CSS | JQuery Grid with a Lightbox, you can specify thumbnails for the grid and when you click on it to open the lightbox it will load the normal image, you can specify the text for the captions and for the lightbox. Lightbox with slideshow (play, pause, auto-play)

Now it has a more simple sintaxis

More Details

12. Strapslide - Responsive Bootstrap Slider Plugin

featured image

Strapslide is the ultimate premium Bootstrap Slider Plugin offering the capability to show images, videos, html markup and captions paired with simple, modern and fancy 3D transitions.Powerful CSS Transitions with jQuery FallBack

Slideshow Design

More Details

13. Canvas Slider - jQuery Canvas Effect Slider

featured image

Multiple customized slider instances can happily live on the same page, and the slider offers a simple API

Simple clean and valid markup

More Details

14. Nova Gallery - Responsive HTML5 Multimedia Gallery

featured image

The gallery also features touch-screen support and uses hardware accelerated CSS based animations wherever possible which results in smooth animations, that is especially noticeable in mobile devices. All gallery data is passed in a simple XML file. The Thumbnail Grid mode features a Masonry layout and you can control the spacing between items by applying margins through css,

You can also have a slideshow of the items in the Full-width mode. This slideshow stops whenever the browser tab in which the gallery is displayed, goes out of focus (this feature only works in browsers that supports the HTML5 Page Visibility Api). Hardware accelerated CSS animations have been used wherever possible resulting in smooth animations, which is most noticeable in mobile devices. You can start the slideshow in Full-width mode when the gallery first loads. The time interval for which a particular item is visible during slideshow can be set.Suitable jQuery based fallbacks have been provided for all CSS based animated effects for older browsers.

More Details