Best jQuery Plugins Plugins & Tutorials with Demo

    flickrGallery – jQuery Dynamic Flickr Photo Gallery with Slider

    flickrGallery - jQuery Dynamic Flickr Photo Gallery with Slider

    flickrGallery is an open-source photo gallery for jQuery that allows you to dynamically pull images from a photoset in Flickr.

    The main functionalities of this gallery are a) to pull in images dynamically from a Flickr photoset, b) to dynamically grow or shrink the gallery area, depending on the size of the images and c) to offer a lightbox effect for small images.

    How to create an online radio using jQuery and jPlayer

    Online jQuery radio

    Today, I’m glad to show you how you can use jQuery and the jPlayer plugin to build an online radio using JavaScript, PHP and a MySQL database.

    jRumble – jQuery Plugin for rumbles, vibrates, shakes, and rotates

    jRumble - jQuery Plugin for rumbles, vibrates, shakes, and rotates

    jRumble is a jQuery plugin that rumbles, vibrates, shakes, and rotates any element you choose. It’s great to use as a hover effect or a way to direct attention to an element. You can control the X, Y, and rotation range, the speed, and event trigger for the rumble.

    Agile Carousel: A Highly-Flexible jQuery Slideshow Plugin

    Agile Carousel: A Highly-Flexible jQuery Slideshow Plugin

    Agile Carousel is a jQuery plugin that allows us to create flexible (both in function and design) slideshows.

    The plugin uses JSON for the data format of the slides. So, they can easily be provided remotely and integration with any other system (like CMSs) will be easier.

    You can select between “fade” or “slide” as the transition effect, duration of the transitions and intervals between each slide can all be defined.

    A jQuery ComicViewer

    A jQuery ComicViewer

    This is a jQuery plugin to slide through details of an image. It’s made for webcomics, but you can use it for presentation slides or other stuff too. You have to set the coordinates (x, y, width, height) for each detail area and the plugin provides various navigation options to skip through these areas.

    jNavigate jQuery Navigation Plugin with Demo

    jNavigate jQuery pagination Plugin

    jNavigate is a powerful jQuery plugin that enables you to build dynamic content areas with Ajax simply and quickly. Turn hyperlinks into triggers that load page content dynamically with a loading overlay and reduce the load on your web server while enhancing the user experience.

    Sticky Sidebar jQuery plugin

    Sticky Sidebar jQuery plugin

    This jQuery plugin allows you to set a number of sidebar or floating boxes that follow the user down the page as they scroll. The plugin uses absolute positioning calculated from the original css and offset to either the closest positioned parent or to the document. The plugin has been tested in IE6-9 and all the other major browsers.

    jQuery.folderPreview

    jQuery folderPreview

    jQuery.folderPreview is a jQuery plugin that takes a series of images and positions them so that they appear within a folder graphic. This enhances the attractiveness of a browsing UI system, allowing the user to visualize the contents of the folder. Highly customizable, folderPreview scales back images, “tucks” them in behind a folder graphic using CSS positioning techniques, and rotates them slightly with a separate compatible plugin (jQuery.rotate). It can also select images to process randomly via jQuery.shuffle.

    JQuery roll over two level horizontal menu

    JQuery roll over two level horizontal menu

    This script creates a menu with two levels. The second level is hidden and will only appear when you move over a menu button. The menu buttons of the second level are displayed on a single row. This is a userfriendly menu type and saves a lot of space on the page. Although the second menu slides from under the first menu. This effect is obtained by using JQuery. The menu is built using ul and li tags. The CSS provides the layout.

    PhotoSmart jQuery Gallery Plugin

    PhotoSmart jQuery Gallery Plugin

    PhotoSmart is a jQuery based thumbnail gallery. It allows you to create multiple galleries on a single webpage or on multiple webpages. It has a number of different effects that can be applied or changed very quickly. All galleries are created in code from your gallery folder its then just a matter of adding the gallery element in your webpage. There are a number of load effects, mosaic, zig-zag, faderows and a few more.