13 Cool CSS Slideshow Images Collection Every Web Developer Should Know

1. bgStretcher jQuery Background Resizer & Slideshow

featured image

bgStretcher (Background Stretcher) is a download jQuery slider for stretching one or more images proportionally across an entire page or element. When multiple images are supplied, bgStretcher displays them in a configurable slideshow with advanced options. The plugin allows you to add a large image (or a set of images) to the background of your web page and will proportionally resize the image(s) to fill the entire window area. The plugin will work as a slideshow if multiple images are used. Additionally, the resizing of the images can be optionally animated when the container is resized.Proportionally Resizes Background Images

Support Single or Multiple Images

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. Ultimate Smart Slider - Responsive

featured image

STOP CODING YOUR IMAGES! This is a plugin that automatically generates a slider from a folder of images, taking the name of the images as captions. You can change the order of the images, and also select which ones will show the caption.Added a option to disabled the right click on the images, you can pass it like this to the JS function:

Stop coding your images

40 Transition Effects for the images

Customizable through CSS

Support any HTML in the name of the images (for captions)

More Details

4. Responsive Gridfolio

featured image

The gallery can have any number of images and each image can be of any size, but proportional to a base thumb width and height. The lightbox can display images, or can display videos loaded from YouTube or Vimeo. Responsive / Flexible / Fluid layout: you can control the size of the grid with CSS or JavaScript, basically it has an adaptable layout which makes it the perfect candidate for any type of project. Support for any number of images and each image can be of any size, but proportional to a base thumb width and height

Thumbnail’s description or thumbnails media icons: each thumb can have a short description with a transparent background under it or a media icon which represents a link, video or image, this are visible when the mouse is over a thumbnail, the text can be formatted with CSS, the CSS jQuery background color and opacity also can be modified (optional). The lightbox can display images, or can display videos loaded from YouTube or Vimeo. Zoom and panning support for images: you can zoom in and out an image and you can pan the image, in this way you can see the image in great detail (optional). Slideshow button (optional). Slideshow delay, the delay of the slideshow can be set in seconds. Slideshow autoplay. 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

5. 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. Also you don’t have to load all the images at once (for performance purposes) so you can specify the number of images to load when it first load and the number of images to load when you click the “load more images” button. When you have categories, and if you select a category through the navigation bar, the plugin will look and find if there still more images from that category to load and if there is more images to load it will show the “load more images” button, then when you click on it it will load more images only from that category (according to the “imagesToLoad” option). Support images of any dimensions and it will keep the right proportions

Set the number of images to load at start and when you click the “load more images” button

Support thumbnails for the grid only to the images you want to improve performance

Lightbox with slideshow (play, pause, auto-play)

IE was showing fat images in the lightbox and now is fix

The images on the live preview were made by my friend named “Gema Ramirez” and you may contact her here:

More Details

6. ZoomFlow - Banner Rotator / Teaser

featured image

slideshow mode – display images in a slideshow

More Details

7. Royal 3D Carousel

featured image

Support for images and HTML content.

More Details

8. jQuery Fullscreen Scroll Gallery

featured image

A banner jQuery slideshow help you to display fullscreen images with jQuery auto delay slideshow support. Auto delay slideshow.

More Details

9. Lush - Content Slider

featured image

The animation system is completely extensible allowing to add more animations and transitions easily just like adding new CSS classes. CSS/PSD skineable

4 different shadow images included

Editable styles with pure CSS lightbox or LESS

Navigation control’s skin based on images

More Details

10. Showbiz Pro Responsive Teaser JQuery Plugin

featured image

) via CSS or HTML or jQuery plugin slider bar option which gives you Unlimited Layout Possibilites. Put the JS and CSS links in the head/footer of your HTML site and build an unsorted list of items and insert your HTML. The images seen in the preview are licensed from fotolia and are NOT included in the download. The download of this template contains placeholder images with dimension labels. Light Weight jQuery and CSS

Customizable 100% via Plugin Parameters / CSS / HTML

Leight Weight jQuery and CSS

More Details

11. 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

12. Builder for Lush Content Slider

featured image

Predefined elements (images, links, etc)

More Details

13. Horizontal Gridfolio Pro

featured image

Horizontal Gridfolio Pro features a large variety of options, it can have any number of categories and each category can have any number of images. The lightbox can display images, iframe (html pages) and videos loaded from YouTube or Vimeo. Horizontal Gridfolio Pro can be used in any type of HTML page including Wordpress, at this link there is a demo page running in Wordpress (Please note that this is NOT a Wordpress plugin!, the grid must be installed manually with slideshow HTML code and the images uploaded with a ftp client, we have inclulded a tutorial about how to install it in Wordpress. Support for any number of categories and each category can have any number of images, if it has only one category the categories selector is disabled/not visible.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 CSS background color and opacity also can be modified (optional). The lightbox can display images, iframe (html pages) or videos loaded from YouTube or Vimeo.Zoom and panning support for images: The images can be zoomed in and out or paned, this way you can see the image in great detail (optional).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

14. jSprouts

featured image

Any content type: images, HTML, flash, video, maps

Thanks to more than 20 options, this slider is highly customizable and easily skinnable with CSS.1 new feature (auto play/slideshow)

More Details