Best jQuery Gallery Plugins & Tutorials with Demo

    Create an Image Rotator with Description in CSS & jQuery

    Create an Image Rotator with Description in 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.

    TN34 Timetabs – jQuery Plugin

    TN34 Timetabs – jQuery Plugin

    This jQuery plugin by Mario Alves creates tab container that switches automatically every cycle (or interval) to next tab – the plugin is compatible with most modern browsers…

    Slide Down Box Menu with jQuery and CSS3

    Slide Down Box Menu with jQuery and CSS3

    We will create a unique sliding box navigation. The idea is to make a box with the menu item slide out, while a thumbnail pops up. We will also include a submenu box with further links for some of the menu items. The submenu will slide to the left or to the right depending on which menu item we are hovering.

    jQuery Horizontal Accordions plugin: Easy Accordion

    jQuery Horizontal Accordions

    Easy Accordion is a highly flexible jQuery plugin for creating horizontal accordions quickly.It generates the accordion from definition lists (dts, so it is SEO friendly) and has support for multiple instances to be ran on the same web page.The plugin can slide any content like images, lists, Flash, etc. and its look can be totally customized via CSS.

    Creating a polaroid photo viewer with CSS3 and jQuery

    Creating a polaroid photo viewer with CSS3 and jQuery

    By combining the CSS3 Box Shadowand Rotate properties, this effect is relatively easy to create. When dragging a polaroid around, you’ll see the shadow. When it’s placed down, it’s rotated to the left or the right (random).

    jQuery Roundrr – How To Create Circular Image Galleries With jQuery

    How To Create Circular Image Galleries With jQuery

    I’m going to introduce you to some of the concepts involved in getting the coordinates we need to plot our image galleries around a shape and in part 2 I’ll introduce you to jQuery Roundrr plugin I wrote that will allow you to easily create interactive event-based galleries using jQuery and a little CSS.

    jQuery UI CoverFlow 2.0

    jQuery UI CoverFlow 2.0

    I would like to show you how to create and use a jQuery UI CoverFlow component powered by $.widget and CSS3 transforms. It’s highly extensible, supports click, keyboard and mousewheel interaction.The iTunes CoverFlow effect is one of my favorite user-interface patterns – it’s excellent for navigating around large collections of images (or data represented by images) and I thought it would be of great benefit to put out an updated version of this component out there.

    How to Build Single Page Applications with jQuery

    How to Build Single Page Applications with jQuery

    This article on Building Single Page Applications(SPAs) With jQuery’s Best Friends; DocumentCloud’s Backbone.js, Underscore.js, LAB.js and jQuery templating.SPAs are web applications or websites which persistently run in the same page without requiring a reload for further navigation. All of the code needed for your initial load in these applications is driven by either local data or data retrieved from a web server on demand, such as any additional data required from your app that might be driven by user actions.

    jQuery Quickie: Smooth animated quote display

    jQuery Quickie: Smooth animated quote display

    Here is the new way to display quote using jQuery.Time for yet another jQuery quickie! These relatively simple jQuery tutorials will show you a simple, yet beautiful effect making use of jQuery. This way, you can learn and create something very cool at the same time.

    jQuery iTunes Like Slide Show Gallery

    JQuery iTunes Like Slide Show Gallery

    This example is not really the same like iTunes gallery like in the image left, but at least the basic behavior almost the same, I have played with JQuery UI Slider and Rotate3Di plugin.Actually I modified thejQuery UI slider scroll pane example.