Top 10 Best jQuery SlideShow Tutorial and Image Gallery

Today, we’ll be looking at different Jquery Slideshow applications that can be used to diversify your homepage, content, or anywhere that is big enough to display an image. When we are looking for a very eye-candy way to display your page content, most of the times slideshows are one of the best choice for us. Here we select 10 cross-platform, absolutely stunning slideshows, carousels and sliders, based on Mootools, JQuery, Yahoo! User Interface, and Script.aculo.us.

Portfolio Zoom Slider with jQuery

In this tutorial we are going to create some nice effects for a portfolio or similar website with jQuery. We will create a tiny slider and integrate it with the amazing Cloud Zoom plugin and the elegant Fancybox plugin. Author Link

Create Beautiful jQuery slider tutorial

This tutorial explains how to develop Create Beautiful jQuery sliders tutorial with image description and name. The final result is something like below screenshot: Author Link

s3Slider jQuery plugin

It is very easy. First include the jQuery library then include the s3Slider javascript in the head of the page(s) where you want to use s3Slider. The s3Slider jQuery plugin is made by example of jd`s smooth slide show script. I needed something like that for jQuery (for my web site kruskica.net). Since i didnt find it after a small research i decided to build it by myself.  Author Link

SpaceGallery Jquery Plugin

SpaceGallery is a new JQuery plugin that provide an impressive Time Machine like effect to your images. Sounds pretty!!  Author Link
jquery space gallery

jQuery Multimedia Portfolio

This plugin for jQuery will automatically detect the extension of each media and apply the adapted player. Author Link

jQuery Multimedia Portfolio

jQuery LightBox SlideShow

Click on an image and it expands the picture to its regular size with a grey overlay shading the content behind it. A great way to focus the attention on the picture that the visitor clicks on. Author Link

jQuery LightBox SlideShow

JavaScript image gallery Galleria

Galleria is a JavaScript image gallery framework built on top of the jQuery library. The aim is to simplify the process of creating professional image galleries for the web and mobile devices. Galleria uses canvas and other techniques to create thumbnails and scale images on the fly, great when trying different sizes and themes without opening photoshop. Author Link

Supersized – full screen background slideshow

This Resizes images to fill browser while maintaining image dimension ratio, Cycles Images/backgrounds via slideshow with transitions and preloading, Navigation controls allow for pause/play and forward/back.  Author Link 

JCarousel  

JCarousel is a jQuery plugin. It can controll a list of items in horizontal or vertical order. The items, which can be static HTML content or loaded with (or without) AJAX, can be scrolled back and forth (with or without animation). JCarousel is very complete, allowing you to creates vertical slideshows, text-scrollers, circular carousels, custom animations, and can be used together with Thickbox.  Author Link

noobSlide – mootools

noobSlide is a lightweight “class” written with mootools library with which you can build “slides” from simple to complex, sure to make the most need to learn how to work with mootools.  Author Link

Author Info