8 Great Image Sliders with Html5 and jQuery


Today we’ve like to share great image sliders that using html5 and jquery.

1. An HTML5 Slideshow Canvas & jQuery

You’ve probably heard a lot about the new HTML5 canvas element. As the name implies, this is a special element that allows us to create and modify graphics. In addition, we can also use it like any other element on the page – apply jQuery animations on it, listen for events and integrate it deeply into our layouts.

2. Cute Slider – 3D & 2D HTML5 Image Slider ($12)

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. It has easy to implement and search engine optimized html markup.

3. Fullscreen Slideshow with HTML5 Audio and jQuery

In today’s tutorial we’ll create a fullscreen photo slideshow to illustrate a New York picture series. We will add sounds with the HTML5 audio element in order to give life to the gallery and try to recreate the ambient of this vibrant city.

4. HTML5 image slider

Learn to make a fade-in-out image slider with thumbnails which have active styles. The slider does not have any page jump when you click on the thumbnails.

5. Html5 canvas Image Slideshow

Html5 canvas images slideshow.

6. SliderWall

SliderWall is 100% based on HTML5, CSS3 and JavaScript and can be used to create all types of sliders, from dynamic feeds to image sliders.

7. xSquare – Responsive Image Slider html5/jquery

xSquare is a responsive jQuery image slider. It has a layout that consists of grids making it useful for variety of web page positions.

8. wowslider