Top 14 Magical HTML5 Gallery Slideshow Solutions

1. Crystal Gallery - jQuery Gallery with Blur Effect

featured image

The Crystal Gallery jQuery plugin provides a customizable, one-of-a-kind gallery look to fit all your image presentation needs.Main reasons why you should choose Crystal Gallery

A variety of features not available in standard javascript gallery, including a stunning blur effect for thumbnails and overlay boxes.Gallery is fully responsive to the user. Aspects of the gallery change to reflect the browser window size for the best impression on any device.Flickr feed support lets you use your flickr account to manage your gallery images. Autoplay slideshow option

Custom company or gallery logo

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 Video Gallery HTML5 Youtube Vimeo

featured image

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

HTML5 Video & Image Background Intro

JQuery Thumbnail Gallery With Lightbox

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

4. HTML5 Slideshow Gallery Thumbnails XML

featured image

What is simple HTML5 slideshow Gallery Thumbnails XML?

The google HTML5 slideshow 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. Also if you like you can instantiate the gallery to fit the browser’s viewport regardless of the screen resolution. This gallery is using the GPU (hardware acceleration), the rendering speed and performance is impeccable on desktop computers and most importantly on mobile devices. The HTML5 slideshow code Gallery Thumbnails XML comes in with 3 different embed styles: Fixed Dimensions, Full Width and Full Screen. Please check the lives previews of this gallery and convince yourself of its quality, the complete instructions about how to setup this embed styles are included in the help file. This flickr HTML5 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.jpg) so you can replace them with your own graphics, the button graphics can be have a different shape, basically the look of this gallery can be completely modified. Autohide buttons, you can set the gallery to autohide the buttons after a number of seconds of inactivity, the delay in seconds can be set (optional). 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

5. 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 have multiple sets/albums of items and can filter the gallery items based on file type or based on custom categories. The gallery allows you to showcase your Youtube/Vimeo videos and Flickr/Picasa photos from groups/sets/albums/collections. The gallery features a fluid responsive design and can fit in any screen size ranging from mobile phones to desktop browsers. 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. Try the gallery demos and resize your browser to see the responsive design of the gallery in action. All gallery data is passed in a simple XML file. 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. Supports multiple gallery sets or albums. True HTML5 Fullscreen option in supported browsers. The gallery features a fluid responsive design to account for various screens sizes ranging from mobile phones to desktop browsers and can also be placed in a container of any width. The gallery is mobile device friendly with touch screen support. Handy keyboard shortcuts have been provided for easier navigation of the gallery. The gallery items can also act as links to external pages

Can mention a thumbnail gallery image for the gallery sets.e Thumbnail Grid or Full-width, which will be shown when the gallery first loads. Option to show a particular category of items when the gallery first loads. Shrink images in Full-width mode to fit the container when the gallery first loads. Choose to show the thumbnails in Full-width mode when the gallery first loads. Choose the animated effect for showing/hiding the Gallery Sets screen (home screen). Show the gallery either spanning the entire width of the browser or the width of its parent container. The gallery items can also act as links to external pages. You have the option to shuffle or randomly order the gallery items each time the page is refreshed. The gallery supports preloading of images in Full-width mode for smoother viewing. 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. Option to set the path for the gallery configuration XML file. Also some of the modern HTML5 features such as Fullscreen and Page Visibility will only work in modern browsers. The gallery script has been tested and is fully compatible with jQuery 1. Improved the closing/opening of the gallery menu in touch-screen devices.Fixed problem with positioning of the gallery overlay/lightbox when there were other content in the page along with the gallery. The gallery now is fully compatible with jquery 1.

More Details

6. ZoomFlow - Banner Rotator / Teaser

featured image

HTML5 technology - this gallery uses the latest html5 tehniques to deliver a never seen before experience to your clients

CSS3 technology - this gallery uses cutting-edge css3 definitions to render awesome 3D effects in supporting browsers, the others will degrade gracefully

slideshow mode – display images in a slideshow

iPod, iPhone, iPad, Android optimized – iOS and Android work great with this gallery

More Details

7. Strapslide - Responsive Bootstrap Slider Plugin

featured image

HTML5 Support to play self hosted videos

Slideshow Design

More Details

8. 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. This gallery is using the GPU (hardware acceleration), the rendering speed and performance is impeccable on desktop computers and most importantly on mobile devices. 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. Please check the previews of this gallery and convince yourself of its quality, the complete instructions about how to setup this embed styles are included in the help file. 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. Autohide buttons, you can set the gallery to autohide the buttons after a number of seconds of inactivity, the delay in seconds can be set (optional). 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

9. Titan Lightbox

featured image

TITAN is an awesome lightbox gallery script which supports a wide assortment of images, html content, maps, and videos. It is built around jQuery & HTML5 and is both easy to implement and customize.Slideshow for galleries with autoplay.

More Details

10. Nova Gallery - Multimedia Gallery Wordpress Plugin

featured image

The standalone gallery has a 5 star rating.Standalone HTML5 Version Available Here

Nova Gallery WP makes it easy to embed the Nova Gallery – Responsive HTML5 Multimedia Gallery, in your Wordpress theme. It is a HTML5 multimedia gallery enabling you to showcase your photos/audio/video in a beautiful and sleek interface. You can have multiple sets/albums of items and can filter the gallery items based on file type or based on custom categories. The gallery allows you to showcase your Youtube/Vimeo videos and Flickr/Picasa photos from groups/sets/albums/collections. The gallery features a fluid responsive design and can fit in any screen size ranging from simple mobile phones to desktop browsers. 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. Try the gallery demos and resize your browser to see the responsive design of the gallery in action. 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. Supports multiple gallery sets or albums. True HTML5 Fullscreen option in supported browsers. The gallery features a fluid responsive design to account for various screens sizes ranging from mobile phones to desktop browsers and can also be placed in a container of any width. The gallery is mobile device friendly with touch screen support. Handy keyboard shortcuts have been provided for easier navigation of the gallery. The gallery items can also act as links to external pages

Create multiple galleries and manage them with the Gallery Manager. Can host media files in services like Amazon AWS and then insert those file links in the gallery settings page. The plugin allows you to upload media files through the WP Media Library, so you can use your previously uploaded files in the gallery too. Thumbnails for the gallery are generated automatically if you choose to, or you can upload your own thumbnails. Drag to sort gallery item order. Also shortcode for each gallery created, is visible in the Gallery Manager. Can mention a thumbnail image gallery for the gallery sets.e Thumbnail Grid or Full-width, which will be shown when the gallery first loads. Option to show a particular category of items when the gallery first loads. Shrink images in Full-width mode to fit the container when the gallery first loads. Choose to show the thumbnails in Full-width mode when the gallery first loads. Choose the animated effect for showing/hiding the Gallery Sets screen (home screen). Show the gallery either spanning the entire width of the browser or the width of its parent container. The gallery items can also act as links to external pages. You have the option to shuffle or randomly order the gallery items each time the page is refreshed. The gallery supports preloading of images in Full-width mode for smoother viewing. 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. Option to set the path for the gallery configuration XML file. Option to hide the Gallery Menu

Also some of the modern HTML5 features such as Fullscreen and Page Visibility will only work in modern browsers. The free JavaScript photo gallery script has been tested and is fully compatible with jQuery 1. Improved the closing/opening of the gallery menu in touch-screen devices.Fixed problem with positioning of the gallery overlay/lightbox when there were other content in the page along with the gallery. The gallery now is fully compatible with jquery 1.Fixed a bug regarding the displaying of gallery set names.

More Details

11. 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 Responsive Gridfolio is using the GPU (hardware acceleration) using HTML5 standards. Slideshow button (optional). Slideshow delay, the delay of the slideshow can be set in seconds. Slideshow autoplay. Slideshow custom animated graphics.

More Details

12. 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. Also if you like you can instantiate the gallery to fit the browser’s viewport regardless of the screen resolution. This gallery is using the GPU (hardware acceleration), the rendering speed and performance is impeccable on desktop computers and most importantly on mobile devices. The HTML5 Random Gallery Slideshow comes in with 3 different embed styles: Fixed Dimensions, Full Width and Full Screen. Please check the lives previews of this gallery and convince yourself of its quality, the complete instructions about how to setup this embed styles are included in the help file. 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.jpg) so you can replace them with your own graphics, the button graphics can be have a different shape, basically the look of this gallery can be completely modified. Autohide buttons, you can set the gallery to autohide the buttons after a number of seconds of inactivity, the delay in seconds can be set (optional). 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

13. Versatile Touch Slider

featured image

Slider Type: Banner Rotator, Shelf, Gallery, Html Content;

Video and Audio with HTML5 support.

More Details

14. 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. Slideshow button (optional). Slideshow delay, the delay of the slideshow can be set in seconds. Slideshow autoplay. Slideshow custom animated graphics.

More Details

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

featured image

net/3d-html5-slider/

3 fallback levels considered, CSS3 3D Transforms, HTML5 Canvas element, 2D Mode. Transition gallery included, a tool that provides the fastest way to select and use them in your slider. Option to set shuffle mode for slideshow

Transition gallery

Add new feature: Shuffle mode for slideshow

More Details