Roundup of 30 jQuery Image Gallery/Slider Tutorials & Plugins

In the last few years jquery image sliders and jQuery image galleries become very popular in blogs and especially in portfolio sites and are also useful for any other type of site for displaying images and photos. Fortunately, adding a jQuery gallery does not have to be difficult, even if you don’t have much experience with JavaScript and jQuery. One of the easiest solution to attract your visitors and to show your potential clients your portfolio is the image sliders and image galleries.

Today we bring together jQuery image sliders / galleries. tutorials & Plugins which are released in the last few months or updated recently.

TN3 Gallery

No special software or prior knowledge of JavaScript or jQuery required. Just copy and paste the code and set your parameters.

Image Rotator with Description (CSS/jQuery)

An image rotator is one great way to display portfolio pieces, eCommerce product images, or even as an image gallery. Although there are many great plugins already, this tutorial will help you understand how the image rotator works and helps you create your own from scratch.

View: Live Demo

Sideways – jQuery Fullscreen Image Gallery

A simple, yet elegant fullscreen image gallery created with the jQuery framework and some simple CSS.

Source | Demo1 | Demo2

Rotating Billboard System with jQuery and CSS

In this tutorial we will use some images, CSS and jQuery to create the effect of a rotating billboard with two ads. The idea is to make one set of image slices disappear while another one (the other ad) appear. We will decrease the width of each disappearing slice and increase the width of each appearing slice. This will give the effect of rotating slices, just like in a rotating billboard system

Demo / Download


Sliderman is a standalone javascript library for sliding images. The main feature of Sliderman.js is multiple unique effects which can be combined together.

Blogger who is Passionate about blogging to share world of design and freebies to viewers, designers, photographgers, graphic and web designers.

Related posts

  • Pingback: jquery craze — undoubtedly

  • Pingback: [Javascript] Roundup of 30 jQuery Image Gallery/Slider Tutorials & Plugins – - mBlog

  • Pingback: links for 2011-04-18 » HTML5 -

  • happy monday

    Thanks, It's a inspiration can to develop my website.
    Now jQuery more than java script. It's a object and to be flash.

  • Pingback: 現在使っている・これから使いたいjQueryベースの画像スライダーまとめ : BLOOM FOREST LOG

  • Laurence

    I found at least 3 of these extremely useful. I love jQuery and thanks for this roundup.

  • niro

    Thanks lot for you this one very help full for me thanks again


  • Smilesindia

    Great Collection

  • Fred Mesinas

    Great info, thanks. Been visiting your pages frequently and found alot of great tips. Keep up the great work!

  • jacob

    These are really nice! Already dl them. Thanks for sharing.