Top 14 Breath-taking Simple Slideshow HTML5 Examples

1. 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 rotate image JavaScript Flowis is optimized for mobile devices (Android and IOS mobile devices such as iPad2, iPad3, iPhone, Samsung Galaxy Tab etc). This HTML5 Canvas 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. Please note that the control panel from the demo is there just to show how the ipad cover flow app can be configured, for your use the component comes without the control panel, int the source files both simple and control panel components are included.the buttons, scrollbar and slideshow preloader positions can be set to be anywhere.set the slideshow transition time (when set to autoplay).

More Details

2. CSS Slider

CSS Slider

non jQuery Slider, pure CSS image slider.

Responsive Slider with Pure CSS. Awesome animations and templates. Visual Maker - No scripting!

No more jQuery, No more JavaScript, No more image icons, Hardware-accelerated CSS animations, Icon font for controls, All browsers, Fully responsive, Mobile friendly

Retina-ready, Awesome effects and skins, Full width option, No more coding, Super easy drag-n-drop slider maker

More Details

3. jQuery Image Gallery Slideshow with MousePan

featured image

optional html5 music player for gallery (with flash backup for older browsers)

music player can be just a simple toggle button (music on/off)

Toggle slideshow

Set slideshow delay

Include video in slideshow

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. Slider Revolution Responsive jQuery Plugin

featured image

Turn simple HTML markup into a responsive(mobile friendly) or fullwidth slider with must-see-effects and meanwhile keep or build your SEO optimization (all content always readable for search engines). Align of Layers with simple Settings

Vimeo & Youtube and image slideshow HTML5 Supported

imbus – Simple HTML Template

Estancia Responsive HTML5 Theme (ignitethemes)

Reverance Responsive HTML5 Church Theme (ignitethemes)

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

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

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

Use within the caption simple the

IE8 Halo Errors has been repaired (some CPU Heavy animation is automatically replaced with simple animations instead in IE8)

More Details

5. Canvas Slider - jQuery Canvas Effect Slider

featured image

This slider includes a smooth animation effect created using HTML5 Canvas which is completely configurable

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

6. 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. Option to set shuffle mode for slideshow

Simple clean & valid markup

Add new feature: Shuffle mode for slideshow

More Details

7. HTML5 Video Gallery with Live Playlist

featured image

HTML5 Video Gallery with a cool ‘Live playlist’ feature could be used as video gallery, video player or any kind of video showcase.HTML5 video with flash fallback for older browsers

Playlist supports simple image thumbnails instead

Real html5 fullscreen (in supported browsers)

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

HTML5 Audio Player With Playlist Wordpress Plugin

More Details

8. Responsive Video Gallery HTML5 Youtube Vimeo

featured image

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

com/api/docs/simple-api)

HTML5 Video & Image Background Intro

JQuery Ken Burns Fullscreen Gallery Slideshow

HTML5 Video Gallery with Live Playlist

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

9. Youtube Vimeo Gallery Background

featured image

Vimeo Simple API (http://vimeo.com/api/docs/simple-api)

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

10. 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.HTML5 Support to play self hosted videos

Slideshow Design

More Details

11. jQuery Slice Banner Slideshow with Captions

featured image

3 transition types (image slices coming from outside, from inside and simple alpha)

Optional pause slideshow on hover

Toggle slideshow

Toggle slideshow delay

HTML5 Video & Youtube Background Intro

JQuery Ken Burns Fullscreen Gallery Slideshow

HTML5 Video Gallery with Live Playlist

JQuery MultiMedia 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

12. Evo Slider Pro - jQuery Slider Plugin

featured image

Evo Slider Pro – jQuery Slideshow & Content Slider Plugin

Simple, powerful and easily customized. Added custom HTML5 data attribute for setting image scale option

More Details

13. PlayIt - Your Media! Your Way!

featured image

Simply put, PlayIt is your ultimate media player and organizer! Streamline all your media in a simple, straightforward and easy to use interface. With a simple configuration file you are in control of all aspects of what is seen within your PlayIt interface.- Formats: HTML5 then mp4, ogg, webm, wmv, mp3, wav, wma, flv

More Details

14. HTML5 Audio Player with Playlist

featured image

A simple and powerfull HTML5 music player for your website with flash backup for older browsers.FLASH fallback included for older browsers that dont support HTML5 audio.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

15. 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. 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. True HTML5 Fullscreen option in supported browsers. 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