Top 15 Brilliant Image Slideshow HTML5 Samples
The Crystal Gallery jQuery plugin provides a customizable, one-of-a-kind gallery look to fit all your image presentation needs. Autoplay slideshow option
2. 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
Through the lightbox it is possible show multimedia content (video, audio, image and html content). Lightbox (Video, Audio, Image, Html Content);
Video (Youtube, Vimeo, MP4, FLV), Audio (MP3), Image, Html Content;
Video and Audio with HTML5 support. Now can use a link to any image (or other elements) within the slide without disabling the drag event.
What is HTML5 photo slideshow Gallery Thumbnails XML?
The HTML5 slideshow free 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. This HTML5 slideshow jQuery 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. Bulk image preloader, it’s a feature for fast loading and displaying the photos, the images are loading in the background. Support any type of image format, (landscape, portrait or whatever)!
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.
The Infinite Photo Grid with Lightbox is using the GPU (hardware acceleration) using HTML5 standards. Thumbnail small icons: small icons which appear when a thumbnail is selected, these icons are of three types (video, link and image) (optional).Zoom and panning support for images: you can zoom in and out an image and you can pan the image, in this way you can see the image in great detail (optional). Slideshow button (optional). Slideshow delay, the delay of the slideshow can be set in seconds. Slideshow autoplay. Slideshow custom animated graphics.
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. Can mention a thumbnail image gallery for the gallery sets. 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 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. Support for any number of images and each image can be of any size, but proportional to a base thumb width and height
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 CSS background color and opacity also can be modified (optional). Zoom and panning support for images: you can zoom in and out an image and you can pan the image, in this way you can see the image in great detail (optional). Slideshow button (optional). Slideshow delay, the delay of the slideshow can be set in seconds. Slideshow autoplay. Slideshow custom animated graphics.
Original media lightbox that we have coded, with image, vimeo, youtube or iframe support.
Player supports HTML5 and jQuery lightbox download 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 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
net/3d-html5-slider/
3 fallback levels considered, CSS3 3D Transforms, HTML5 Canvas element, 2D Mode. Option to set shuffle mode for slideshow
Add new feature: Shuffle mode for slideshow
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. Slideshow preloader bar, the color and opacity for this bar can be modified. Support any type of image format, (landscape, portrait or whatever)!
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). 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 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. Bulk image preloader, it’s a feature for fast loading and displaying the photos, the images are loading in the background.Support any type of image format, (landscape, portrait or whatever)!
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.
14. Titan Lightbox
It is built around jQuery & HTML5 and is both easy to implement and customize.Slideshow for galleries with autoplay.Silent image preloading for upcoming contents.
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. Zoom and panning support for images: you can zoom in and out an image and you can pan the image, in this way you can see the image in great detail (optional). Slideshow button (optional). Slideshow delay, the delay of the slideshow can be set in seconds. Slideshow autoplay. Slideshow custom animated graphics.
Toggle inner slideshow number (start/stop)
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