Top 16 Professional CSS HTML Slideshow Demos

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

2. WOW Slider

WOW Slider

WOW Slider is a fantastic responsive image slider with

killer animations and tons of professionally made templates. NO Coding - WOW Slider is packed with a drag-n-drop wizard to create beautiful slideshows in a matter of seconds without coding and image editing. Wordpress plugin and Joomla module are available.

Also, you can share your slider on Facebook.

More Details

3. Responsive Gridfolio

featured image

Basically the grid is added into a html page into a div of your chosing and it’s adapting based of that div’s width, the grid height is modified based on the thumbnails and if other elements are below the grid div they will be pushed down automatically (document flow). Pure OOP JavaScript code, no usage of jQuery or other libraries, in this way there will be no incompatibilities with HTML pages that might be using jQuery or other JavaScript libraries. 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. 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 jQuery background slideshow and opacity also can be modified (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

4. Responsive Slideshow Photo Gallery Grid

featured image

The Responsive Slideshow Photo Gallery has a fluid / flexible / responsive layout. Basically the grid is added into a html page into a div of your chosing and it’s adapting based of that div’s width, the grid height is modified based on the number of thumbnails and if other elements are below the grid div they will be pushed down automatically (document flow). Pure OOP JavaScript code, no usage of jQuery or other libraries, in this way there will be no incompatibilities with HTML pages that might be using jQuery or other JavaScript libraries. The Responsive Slideshow Photo Gallery is using the GPU (hardware acceleration) using HTML5 standards. 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. Thumbnail’s description: each thumb can have a short description with a transparent background under it and this description is visible when the mouse is over a thumbnail, the text can be formatted with CSS, the HTML image background color and opacity also can be modified (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 Smart Slider - Responsive

featured image

Customizable through CSS

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

More Details

6. Responsive jQuery Slider

featured image

The best part about this slider is you can add whatever content you want to the slides! You can add custom, complex html, iframes, videos, audio, etc.Background Image Slideshow

More Details

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

More Details

8. jQuery Content Scroller DZS

featured image

It can be a jQuery auto slider scroller, a plugin banner rotator wordpress or even a image gallery jQuery due to the fact that it support inline content and it includes two viewing modes.developer / css powered skins – the lightbox gallery CSS is divided into two parts – functional and estethic so it’s very easy to make your own skin

developer / SASS powered – this component’s CSS has been built on top of SASS which means SASS users will have an easy time modifying the skins. For non-SASS users it’s no problem either because CSS files ( generated by SASS ) are provided

webmaster / SEO friendly – built with search engine optimization on mind from the ground up, the Testimonial Rotator uses non hidden valid html markup to build the widget

added slideshow mode

More Details

9. Horizontal Gridfolio Pro

featured image

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 drop menu HTML code and the images uploaded with a ftp client, we have inclulded a tutorial about how to install it in Wordpress.Drag or Scroll Function: The grid can be dragged with the mouse/finger or scrolled like a regular HTML page.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 image background color HTML and opacity also can be modified (optional). The lightbox can display images, iframe (html pages) or videos loaded from YouTube or Vimeo.Iframe support: The lightbox can display HTML pages, all you have to do is to include the link of your page that you want to display. The size (width and height) of each iframe (html page) can be set easily.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

10. Showbiz Pro Responsive Teaser JQuery Plugin

featured image

) via CSS or HTML or jQuery 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. Light Weight jQuery and CSS

Customizable 100% via Plugin Parameters / CSS / HTML

Leight Weight jQuery and CSS

More Details

11. Jssor Slider jQuery Plugin, TOUCH & RESPONSIVE

featured image

Demo – Slideshow Effects:

Freeze slideshow/caption animation when touch

If slideshow or caption animation is running, it will freeze when touch by finger or mouse down.Continue or rollback slideshow/caption animation when release touch

If slideshow or caption animation is frozen, the animation will continue or rollback when release touch. slider (1%), slider with caption (4%), slider with slideshow (~4%)

360+ slideshow effects/transitions

Jssor slider comes with 360+ impressive slideshow effects/transitions

All UI is fully under control by html + css code. User can add any html code to each slide, and user can customize ‘navigator’, ‘thumbnail navigator’ to any format. Use any html/css code to customize thumbnail to anyformat

Any html code can be placed inside slide

HTML caption with animation (390+ caption transitions)

Auto slideshow with optional pause on hover

SEO friendly, any html code can be added to each slide, all are exposed directly to image search engine

More Details

12. Draggable Infinite Grid with Lightbox

featured image

Basically the grid is added into a HTML page into a div of your choice and it adapts based of that div’s width and height. Pure OOP JavaScript code, no usage of jQuery or other libraries, in this way there will be no incompatibilities with HTML pages that might be using jQuery or other JavaScript libraries. 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. 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

13. Royal 3D Carousel

featured image

Fully responsive 3D carousel that allows to display media or checkbox HTML form with an unique and original layout. Support for images and HTML content. Royal 3D Carousel 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 carousel must be installed manually with background image HTML code and the content uploaded with a ftp client, we have included a tutorial about how to install it in Wordpress).

More Details

14. jSprouts

featured image

jSprout can handle also custom HTML contents, videos, flash and even Google Maps, very useful for mini-sites, vCard sites, personal sites or portfolio sites.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

15. Easy 360° Product Viewer

featured image

Slideshow button for play or pause automatic rotation of the object. Info window button for showing a detailed custom made window which supports unlimited html content. Customizable slideshow rotation speed. Examples files for each skin and display type included, this way the html can be copy and pasted into your html page!.

More Details

16. ZoomFlow - Banner Rotator / Teaser

featured image

SEO friendly – built with search engine optimization on mind from the ground up, the Testimonial Rotator uses non hidden valid html markup to build the widget

slideshow mode – display images in a slideshow

More Details

17. jQuery 3D Grid Card Plugin

featured image

Auto delay slideshow, hove to pause.html

More Details