13 Professional HTML5 Background Slideshow Showcase

1. Responsive Slideshow Photo Gallery Grid

featured image

The Responsive Slideshow Photo Gallery has a fluid / flexible / responsive layout. The Responsive Slideshow Photo Gallery is using the GPU (hardware acceleration) using HTML5 standards. Customizable thumbnails border and background: each thumbnail can have a border and a background, the thumbnail’s background color, the border’s size and the border’s color are customizable. 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 CSS slideshow background 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. Customizable border and background: the border size and color and also the main CSS image background color are customizable.

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. Youtube Vimeo Gallery Background

featured image

Responsive Video Gallery HTML5 Youtube Vimeo

HTML5 Video Gallery with Live Playlist

JQuery AutoSlide Image Gallery Slideshow with Music

HTML5 Audio Player With Playlist

JQuery Stack Banner Slideshow with Captions

More Details

4. Draggable Infinite Grid with Lightbox

featured image

The Infinite Photo Grid with Lightbox is using the GPU (hardware acceleration) using HTML5 standards. Customizable thumbnails geometry and color theme: this feature allows you to change the thumbnails’ size and background color. Slideshow button (optional). Slideshow delay, the delay of the slideshow can be set in seconds. Slideshow autoplay. Slideshow custom animated graphics. Customizable border and background: the border size and color and also the main jQuery background slideshow are customizable.

More Details

5. HTML5 Flow Responsive Slider

featured image

The HTML5 Flow Responsive Slider has a flexible / fluid / responsive layout, it will adapt it’s size (width and height) based on the parent container (div or some other html tag) and every piece of the gallery will align and position accordingly, this basically mean that it can be used in any kind of website, it dose not matter if you need a small or large gallery, all you have to do is to add the gallery in a place which you have chosen in your website and the gallery will adapt. The HTML5 Flow Responsive Slider comes in with four different embed styles: Fixed Dimensions, Full Width, Full Screen and Flexible Style, please not that the flexible style will make the slider adapt the width and height based on the html element into which is embedded so for example if you want to add the slider in a div and that div has a 100% height the slider will adapt based on that, this is a unique and amazing feature. This HTML5 Flow Responsive Slider plugin can be embedded in WordPress and you will receive, along with the download files, the complete instructions in the help file. The background color can be modified or it can be left transparent. Slideshow preloader bar, the color and opacity for this bar can be modified. Keyboard support you can navigate between images with the right and left keys and start or stop the slideshow with the space key.

More Details

6. HTML5 Random Gallery Slideshow

featured image

The HTML5 Random Gallery Slideshow is size flexible or fluid, it will adapt it’s size (width and height) based on the parent container (div or some other html tag) and every piece of the gallery will align and position accordingly, this basically mean that it can be used in any kind of website, it dose not matter if you need a small or large gallery, all you have to do is to add the gallery in a place which you have chosen in your website and the gallery will adapt. The HTML5 Random Gallery Slideshow comes in with 3 different embed styles: Fixed Dimensions, Full Width and Full Screen. This HTML5 Random Gallery Slideshow plugin can be embedded in WordPress and you will receive, along with the download files, the complete instructions in the help file. The background color can be modified or it can be left transparent. Bulk image preloader, it’s a feature for fast loading and displaying the photos, the images are loading in the background. Keyboard support you can navigate between the large images or thumbs with the right and left key for the large images and up and down key for the thumbs and start or stop the slideshow with the space key.

More Details

7. HTML5 Slideshow Gallery Thumbnails XML

featured image

What is free HTML5 slideshow Gallery Thumbnails XML?

The HTML5 slideshow software Gallery Thumbnails XML is size flexible or fluid, it will adapt it’s size (width and height) based on the parent container (div or some other html tag) and every piece of the gallery will align and position accordingly, this basically mean that it can be used in any kind of website, it dose not matter if you need a small or large gallery, all you have to do is to add the gallery in a place which you have chosen in your website and the gallery will adapt. The HTML5 slideshow template Gallery Thumbnails XML comes in with 3 different embed styles: Fixed Dimensions, Full Width and Full Screen. This HTML5 photo slideshow Gallery Thumbnails XML plugin can be embedded in WordPress and you will receive, along with the download files, the complete instructions in the help file. The background color can be modified or it can be left transparent. Bulk image preloader, it’s a feature for fast loading and displaying the photos, the images are loading in the background. Keyboard support you can navigate between the large images or thumbs with the right and left key for the large images and up and down key for the thumbs and start or stop the slideshow with the space key.

More Details

8. HTML5 Photo Gallery - Resizable Album Grid XML

featured image

The HTML5 photo gallery – Resizable Album Grid XML is size flexible or fluid, it will adapt it’s size (width and height) based on the parent container (div or some other html tag) and every piece of the gallery will align and position accordingly, this basically mean that it can be used in any kind of website, it dose not matter if you need a small or large gallery, all you have to do is to add the gallery in a place which you have chosen in your website and the gallery will adapt. - The background color can be modified or it can be left transparent. - Bulk image preloader, it’s a feature for fast loading and displaying the photos, the images are loading in the background. - Keyboard support you can navigate between the large images with the right and left key and start or stop the slideshow with the space key.

More Details

9. Nova Gallery - Responsive HTML5 Multimedia Gallery

featured image

Nova Gallery is a HTML5 multimedia gallery enabling you to showcase your photos/audio/video in a beautiful and sleek interface. 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). Plays audio and video natively in modern HTML5 browsers and switches over to Flash/Silverlight for older browsers by using Mediaelement. True HTML5 Fullscreen option in supported browsers. You can choose how many items at a time will load in the background. 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. Also some of the modern HTML5 features such as Fullscreen and Page Visibility will only work in modern browsers.

More Details

10. HTML5 Canvas Carousel

featured image

This is an amazing HTML5 Canvas XML Carousel presenting a 3D photo gallery in the shape of a carousel with tons of features. This very complex HTML5 Canvas 3D Carousel is optimized for mobile devices (Android and IOS mobile devices such as iPad2, iPad3, iPhone, Samsung Galaxy Tab etc). This HTML5 Canvas Carousel can have any image presented in any way you want: horizontal, vertical, oblique, also it has unique presets with pre-defined movements and presentations.set the tooltip background color and the text size and color.the buttons, scrollbar and slideshow preloader positions can be set to be anywhere.set the slideshow transition time (when set to autoplay).

More Details

11. HTML5 Canvas Cover Flow

featured image

This is an amazing HTML5 Canvas XML Cover Flow presenting a 3D photo gallery with tons of features. This very complex HTML5 Canvas 3D Cover Flowis is optimized for mobile devices (Android and IOS mobile devices such as iPad2, iPad3, iPhone, Samsung Galaxy Tab etc). This HTML5 canvas slideshow Cover Flow can have any image presented in any way you want: horizontal, vertical, oblique, also it has unique presets with pre-defined movements and presentations.set the tooltip background color and the text size and color.the buttons, scrollbar and slideshow preloader positions can be set to be anywhere.set the slideshow transition time (when set to autoplay).

More Details

12. Responsive Video Gallery HTML5 Youtube Vimeo

featured image

Player supports HTML5 and flash video player download backup, Youtube and Vimeo with multiple layout configurations. Supports HTML5 and jQuery video gallery backup, Youtube and Vimeo

HTML5 Video & Image Background Intro

JQuery Ken Burns Fullscreen Gallery Slideshow

HTML5 Video Gallery with Live Playlist

Youtube Vimeo Gallery Background

JQuery AutoSlide Image Gallery Slideshow with Music

JQuery Image Gallery Slideshow with MousePan

HTML5 Audio Player With Playlist

jQuery Accordion MultiPurpose Gallery Slideshow

JQuery Stack Banner Slideshow with Captions

jQuery Slice Banner Slideshow with Captions

More Details

13. Responsive Gridfolio

featured image

The Responsive Gridfolio is using the GPU (hardware acceleration) using HTML5 standards. Customizable thumbnails border and background: each thumbnail can have a border and a background, the thumbnail’s background color, the border’s size and the border’s color are customizable, also the thumbnails border color can be tweened from a normal color to a selected color. Thumbnail’s description or thumbnails media icons: each thumb can have a short description with a CSS 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 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. Customizable border and background: the border size and color and also the main jQuery CSS background color are customizable.

More Details

14. Slider Revolution Responsive jQuery Plugin

featured image

Vimeo & Youtube and HTML5 slideshow download Supported

Estancia Responsive HTML5 Theme (ignitethemes)

Reverance Responsive HTML5 Church Theme (ignitethemes)

Added: Examples like LazyLoad, Aligns, Fullscreen, Fullscreen-with-offsets, html5,vimeo and download music from youtube videos

Feature: HTML5 Video (videoJS) and added data- options like

option added to laod the HTML5 js files via videoJsPath:”rs-plugin/videojs/”

feature: added slide background color or transparent slide options

Background Image can be used for Banner now

More Details