Image slider is become popular in every web design mostly on portfolio website.By using jQuery, Image slideshow is easier. Here, we’ve collected 20 tutorials of them.
Here is a tutorial on making an Apple-like slideshow gallery, similar to the one they use on their website to showcase their products.
The tutorial is on making a classic slideshow, by using different kind of transition to animate between slides.
Here is a tutorial on making a slick content slider for a computer shop, with the help of jQuery and the MopSlider plugin.
Following this tutorial to create a fullscreen image slideshow. We’ll use the Templates and Easing jQuery plugins. Tested and working on Firefox, Safari and Chrome.
Create a neat effect with some images using jQuery by having an image area with several images that slide out when we hover over them, revealing other images.
This tutorial is on creating a featured content slider for your website using the jQuery UI library.
Here is a tutorial on creating a creative gallery with a slider for the thumbnails.
The images or items presented inside a rectangle. This is great for providing the experience users are used to, but there are a few interesting alternatives that you may like to hear about.
An awesome jquery gallery which is transparent, fixed on screen, autoplay on/off buttons and css3 stylized gallery.
A complete jQuery & CSS website for a fictional mobile application. It is going to feature semantic markup and a progressively enhanced slideshow effect. It will allow the user to see four of the most popular smartphones running the mobile app.
20. 3D Wall Gallery
Using the Safari browser the images of this gallery will be put into 3D perspective, when scrolling or sliding. When viewed with another browser, the gallery will be shown normally, retaining all the functionality.
The next gallery will use Skitter. This is a jQuery gallery which switches images using different transition effects. At current moment it is able to manage with 22 different effects.