20 Impressive Slideshow With HTML5 Projects That You’ll Surely Like
Player supports HTML5 and jQuery video gallery backup, Youtube and Vimeo with multiple layout configurations. Optional deeplinking with jquery address for improved SEO. Supports HTML5 and HTML5 flash video player backup, Youtube and Vimeo
Optional deeplinking with jquery address
HTML5 Video & Image Background Intro
JQuery Thumbnail Gallery With Lightbox
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
2. 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.
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. Multiple options are provided to pull photos from Flickr/Picasa along with the option to cache the API data. The gallery is mobile device friendly with touch screen support. Can also work with a single mode. 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. The JavaScript photo gallery has been tested and is fully compatible with jQuery 1. Fixed a bug where the inclusion of images in the item captions interfered with the thumbnail grid layout.Fixed problem with positioning of the gallery overlay/lightbox when there were other content in the page along with the gallery. Updated the jQuery masonry plugin so that it is compatible with jquery v1. The gallery now is fully compatible with jquery 1.
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. We have tested it on IPAD3 and it runs great, you will interact with it as you would with a native app, you can see a video demo at this link. 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. 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. Info button and info window for each image, each image can have a info/description window, this window can be styled with css, it has full css support (optional). The image description/info window is also flexible / fluid, this mean that it will resize to always fit the screen, it dose not matter what device is used or the screen resolution, the text will always be visible, if there is too much text on pc a scrollbar will appear and on mobile the text can be scrolled with the finger.
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. We have tested it on IPAD3 and it runs great, you will interact with it as you would with a native app, you can see a video demo at this link
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.jpg) so you can replace them with your own graphics, the button graphics can be have a different shape, basically the look of this slider can be completely modified. Small buttons with numbers or scrollbar support to navigate between images (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. Info button and info window for each image, each image can have a info/description window, this window can be styled with css, it has full css support (optional).
Support for multiple categories, of course it can still be used with a single category as before. 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 Gridfolio is using the GPU (hardware acceleration) using HTML5 standards. 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 CSS background slideshow 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 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).
Cute Slider is a unique and easy to use slider with awesome 3D and 2D transition effects, captions, 4 ready to use templates, video (youtube and vimeo) support and more impressive features which written with pure object oriented javascript. This wordpress plugin gallery has been developed in a cooperation with
This Drupal plugin has been developed in a cooperation with
net/3d-html5-slider/
3 fallback levels considered, CSS3 3D Transforms, HTML5 Canvas element, 2D Mode. Option to set shuffle mode for slideshow
Developed with pure object oriented javascript.I’m extremely satisfied with my purchase and i’m really surprised with the quality and really hard work that was put it in.Add new feature: Shuffle mode for slideshow
Fixed issue with PNG images in IE8 and IE7
Fixed issue with Android browser
Fixed issue with jQuery on window resize in iOS
It is built around jQuery & HTML5 and is both easy to implement and customize.If you are rating it with less than 5 stars please drop me a mail why it didn’t achive a full score and what could be improved in your opinion
Slideshow for galleries with autoplay.Works great with all modern browsers like Firefox, Chrome, Safari, Opera and Internet Explorer 7 and above.
Show your work at high resolution with fullscreen toggling capability, complete with slideshows.All of this comes with a lifetime of free support and updates. Autoplay slideshow option
Easy to install and compatible with major browsers, including IE, ZoomFlow it’s the perfect plugin for your portfolio.HTML5 technology - this gallery uses the latest html5 tehniques to deliver a never seen before experience to your clients
SEO friendly – built with jQuery image transition 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
iPod, iPhone, iPad, Android optimized – iOS and Android work great with this gallery
The Responsive Slideshow Photo Gallery has a fluid / flexible / responsive layout. 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 CSS background color opacity 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).
The jQuery gallery photo – 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. We have tested it on IPAD3 and it runs great, you will interact with it as you would with a native app, you can see a video demo at this link.jpg) so you can replace them with your own graphics, the button graphics can be any size or shape, basically the look of this gallery can be completely modified. - Maximize / minimize button for the big image with panning, (optional). - 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. - Info window for each image, each image can have a info/description window, this window can be styled with css, it has full css support (optional).
Comes in two layout types (grid and line, vertical and horizontal), with scroll (jScrollPane) or button navigation. Toggle inner slideshow number (start/stop)
Responsive Video Gallery HTML5 Youtube Vimeo
JQuery Thumbnail Gallery With Lightbox
HTML5 Video Gallery with Live Playlist
JQuery AutoSlide Image Gallery Slideshow with Music
HTML5 Audio Player With Playlist
JQuery Stack Banner Slideshow with Captions
Canvas Slider is a free download jQuery banner rotator slideshow plugin with animation effects, animated captions, responsive layout, and
This slider includes a smooth animation effect created using HTML5 Canvas which is completely configurable
and compatible with all major browsers (including IE, Firefox Chrome, Opera, and Safari)
The slider also work well in older browsers with fade transition.
Fully responsive 3D carousel that allows to display media or wordpress content slider with an unique and original layout. Packed with tone of options allowing you to control the layout of your 3D carousel in the way that pleases you the most. Original media lightbox that we have coded, with image, vimeo, youtube or iframe support. Royal 3D Carousel can be used in any type of popup HTML page jQuery 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 lightbox HTML code and the content uploaded with a ftp client, we have included a tutorial about how to install it in Wordpress). Three skins along with the PSD files included!
What is simple HTML5 slideshow Gallery Thumbnails XML?
The HTML5 slideshow example 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 code Gallery Thumbnails XML comes in with 3 different embed styles: Fixed Dimensions, Full Width and Full Screen. We have tested it on IPAD3 and it runs great, you will interact with it as you would with a native app, you can see a video demo at this link
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.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. Zoom in and zoom out buttons (maximize / minimize) for the big images this buttons allow to maximize the image and pann it with the mouse on desktop and finger on mobile, this feature can be really useful! (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. Info button and info window for each image, each image can have a info/description window, this window can be styled with css, it has full css support (optional).The image description/info window is also flexible / fluid, this mean that it will resize to always fit the screen, it dose not matter what device is used or the screen resolution, the text will always be visible, if there is too much text on pc a scrollbar will appear and on mobile the text can be scrolled with the finger.
Ajax Content (Should be tested with server);
Video and Audio with HTML5 support.code changes for compatibility with jQuery 1.added example with CSS3 animation.
18. Bugibba Slide
Bugibba SlideShow easy to use slider with awesome 3D transition effects.-2 type menu slideshow responsive.-1 type slideshow full screen
-Compatible with all major browsers (IE7-IE8 and above , Chrome, Firefox, Safari and Opera)
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
Powerful CSS Transitions with jQuery FallBack
Strapslide comes with 5 main templates with both Bootstrap 2 and 3 mark-up.Slideshow Design
The Infinite Photo Grid with Lightbox has a fluid / flexible / responsive layout. 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 Infinite Photo Grid with Lightbox is using the GPU (hardware acceleration) using HTML5 standards. Easy installation and full documentation included, the grid playlist is constructed from <ul> elements which makes it easy to set up manually or to be generated from a database or any other type of data structure, this grid can be installed and used by designers or developers with ease. 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).
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). See the heaps of custom transitions/animations for each object on the page! Customize this slider with just a little HTML and CSS to your very needs. Align of Layers with simple Settings
Using CSS Animation with FallBack to jQuery
Vimeo & Youtube and HTML5 video player download Supported
Full Screen Video with Autoplay function
Estancia Responsive HTML5 Theme (ignitethemes)
Reverance Responsive HTML5 Church Theme (ignitethemes)
Added: Examples like LazyLoad, Aligns, Fullscreen, Fullscreen-with-offsets, html5,vimeo and joomla HTML5 slideshow
Feature: HTML5 Video (videoJS) and added data- options like
option added to laod the HTML5 js files via videoJsPath:”rs-plugin/videojs/”
Feature: Horizontal and Vertical Offsets for Aligns ( Only works with Aligns together voffset and hoffset)
the height of fullscreen slider will be decreased with the height of the #header to fit perfect in the screen !)
Use the “tp-scrollbelowslider” class for inside captions with the data-scrolloffset=”xx” data field, to increase/decrease the offset position where to scroll
New Documentation, With updated data- values
bug fix: Fixed Transition issues with timing and layout.Bug Fix: Safari on pc Slider with links creates huge Memory Leaks.bug fix: fixed IE10 Crash with some Transition
9 to resolve the conflicts with isoTope, Foundation and Widgekit plugins
Fullscreen Video with AutoPlay added
API added with methodes like next, prev, maxslide, pause,resume, show and event handling added like slide.IE8 Halo Errors has been repaired (some CPU Heavy animation is automatically replaced with simple animations instead in IE8)
Added: YouTube and Vimeo api only loaded if there is any iframe with these videos.Feature added: Random Transitions with random Slots can be used now