8 Fresh HTML Slide Show Demos Every Web Developer Should Know

1. HTML5 Slideshow Gallery Thumbnails XML

featured image

The 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. Slide show button, (optional). Slide show delay, can be specified in seconds. Slide show autoplay option. Then color theme for the HTML slide preloader and images preloader can be modified.

More Details

2. Responsive HTML5 Video Player & Gallery

featured image

This is Responsive HTML 5 Video Player with/without gallery.hide / show gallery with playlist button (with this functionality you can “stretch” player over gallery to have better view for video, as well as “shrink” player to see gallery menu again to choose videos)

information window with HTML formatted text (it means you can insert links, change fonts, sizes with standard HTML tags)

More Details

3. HTML5 Canvas Cover Flow

featured image

HTML code:

Please note that the control panel from the demo is there just to show how the ipad album cover flow 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.slide show option.the performance of this product is so good that you can have multiple coverflow instances set to auto-slide in the same page of your project or website.

More Details

4. 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. Slide show button, (optional). Slide show delay, can be specified in seconds. Slide show autoplay option.

More Details

5. HTML5 Canvas Carousel

featured image

HTML code:

slide show option.the performance of this product is so good that you can have multiple carousel instances set to auto-slide in the same page of your project or website.

More Details

6. HTML5 Photo Gallery - Resizable Album Grid XML

featured image

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. - Slide show button, (optional). - Slide show delay, can be specified in seconds. - Slide show autoplay option. - Slide show preloader and images preloader, this preloders are highly customizable, you can change the radius, thickness and color theme.

More Details

7. 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. Slide show button, (optional). Slide show delay, can be specified in seconds. Slide show autoplay option. Slide show preloader and images preloader, this preloders are highly customizable, you can change the radius, thickness and color theme.

More Details

8. Pixel Map

featured image

Use any stylized image as tool tips or simple HTML slideshow text, and let the map do the rest. Update Feb 1, 2012: Added ‘showContinue ’ option which tells the slide show to continue after you have stopped interacting with the map.

More Details