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
Sliderman is a standalone javascript library for sliding images. The main feature of Sliderman.js is multiple unique effects which can be combined together.
Documentation | Demo
Create an 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: Demo
jQuery Image Gallery/News Slider with Caption
View : Demo
Full Screen Image Gallery Using jQuery and Flickr
View: Demo
Create a Slick and Accessible Slideshow Using jQuery
View : Demo
Fancy Thumbnail Hover Effect with jQuery
View : Demo
Simple jQuery Image Slideshow with Semi Transparent Caption
View: Demo / Download
Slider Gallery
View: Demo
Building a jQuery Image Scroller
View: Demo
Sliding Boxes and Captions with jQuery
View : Demo
Create Beautiful jQuery Slider
View : Demo
How to: Create a Fancy Image Gallery with jQuery
View: Source
Coda Slider Effect
View: Demo
Supersized jQuery Image Gallery
View: Demo
Pikachoose
View: Demo
Awesome jQuery Image Gallery Plugin(Thumbox)
Browse the images via mini-gallery.Display images description.Effects for input and output images.Keyboard navigation.Navigation with the mouse wheel.
Source | Demo
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.
Source | Demo
Rotating Image Slideshow w/ CSS3 and jQuery
You can use it to spice up your web sites, product pages and other projects with some CSS3 magic.
Modern Gallery Using Raphael Library and jQuery
Create a modern gallery (with cool animation effect) using Raphael library and jQuery.
Source | Demo
Mask Transition Slideshow With jQuery
The main concept is put an element infront of the fading square, then fade out the square to give the masking effect.
JQuery Based Flipped Image Gallery with Bounce Effects
A simple jQuery based flipped image gallery. On hover the images will expand.
Source | Demo
Flickr Gallery
jQuery & CSS MobileApp Website Effect
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.
Source | Demo
Galileory jQ(All-In-Box jQuery Image Gallery)
All images placed into a single box which can be positioned, sized and stretched however you wish. It is totaly client relative, compatible with all CMS and can be integrated into any website or blog.
Source | Demo
JQuery Image Gallery with Captions and Auto Play/Pause Rotation
An awesome jquery gallery which is transparent, fixed on screen, autoplay on/off buttons and css3 stylized gallery.
Source | Demo
jbgallery 3.0(Big Multiple Images Slideshow With JQuery)
jbgallery is a UI widget webpage written in javascript on top of the jQuery library.Its function is to show a single big image, multiple images, multiple galleries, slideshows, as a site’s background, in a “dialog” mode or as a common pop-up.
Source | Demo
Sexy Image Flow
jQuery Coverflip
View: Source
































Pingback: jquery craze — undoubtedly
Pingback: [Javascript] Roundup of 30 jQuery Image Gallery/Slider Tutorials & Plugins – - mBlog
Pingback: links for 2011-04-18 » HTML5 -
Pingback: 現在使っている・これから使いたいjQueryベースの画像スライダーまとめ : BLOOM FOREST LOG