Plugins

User login
Can't find a Plugin?

Can't find a Plugin you are looking for? Check out the jQuery Wiki page.

Are you a plugin developer? Please move your plugin over to this site.

Website Bug or Feature Request?

Found a bug on the new jQuery Plugin website? Have a feature request?

Submit it to the jQuery Plugin website issue queue to ensure it is noticed!

photo


PhotoShoot Plugin

Average rating
(0 votes)

The jQuery PhotoShoot plugin gives you the ability to convert any div on your web page into a photo shooting effect, complete with a view finder. It provides a number of useful options which enable you to customize the user experience, including blurring, opacity, and a custom onClick function.

Released under MIT.

Picasa Webalbum Integrator

Average rating
(1 vote)

PWI is a jQuery plugin that enables you to integrate your Picasa Web photo albums into your own site/blog without any need for extensive scripting knowledge and without your visitors ever noticing that your photos are hosted by Google.

Some options are:

  • Show all your albums
  • Show specific albums
  • Show only 1 or some albums
  • Show unlisted album (using authKey)
  • show your latest photos
  • Show multiple albums on 1 page

All fully customizable by specifying the options.

howto:
- Add a div to your html page with
- include the necessary files (jQuery (duh), pwi.css, jquery.pwi.js)
- Assign the plugin to the div

Example:

jQuery Gallery Plugin - easy image gallery

Average rating
(2 votes)

Extremely simple plugin to create image gallery.

Slideshow Lite

Average rating
(5 votes)

Slideshow Lite is an easy to use, simple and lightweight slideshow plugin.

Sliding Image Gallery

Average rating
(1 vote)

The idea behind this plug-in is to display a varying number of images in an attractive and easy to use manner. The inspiration for this plug-in this iTunes album viewer. The SlidingGallery plug-in will take a group of images and turn them into a cyclical gallery of images which the user can click through. One image will be centered on the screen, with two smaller images off to the sides. The user can click either of the smaller images to bring them to the center, or the center image to enlarge it. For optimal use, this plug-in should be applied to seven or more images, but can work with fewer (images will be duplicated in order to bring the total to seven).

magnifier

Average rating
(0 votes)

Magnifier is a plugin that build a navigation system upon 2 images: the miniature and its fullsize version.

Requirements
In your HTML you'll put the img tag of the miniature, setting a pseudo-attribute called fullsize with the url of your big image.
Then you just call the method .magnifier() to build all the others html stuffs.

HOW IT WORKS
By default the navigation content will be append to the parent of miniature and its sizes will be set to x4 sizes of the miniature.
You can easily configure a set of parameters:

PARAMETERS

  • appendTo (default "") - indicates a selector for the element in wich append the container of full image. The value "" indicates to append it in the parent of miniature
  • position (default "bottom-right") - to set where the navigator will be placed. Accepted values: "top-left", "top-right", "bottom-right", "bottom-left"

jPolaroid - Turn your images into Polaroids!

Average rating
(3 votes)

jPolaroid is a jQuery plugin, which turns your boring images into fun, customizable Polaroid style images! It is simple to use and very clean.

Simple usage, call polaroid() on any image element:

$('#img').polaroid();

ColorBox - small lightbox with a styleable appearance.

Average rating
(14 votes)

Notable Features:

  • Supports photos, photo groups, slideshow, ajax, inline, and iframed content.
  • Lightweight: only 9KB of JavaScript.
  • Appearance is completely controlled through CSS so users can restyle the box.
  • Behavior settings can be over-written without altering the ColorBox javascript file.
  • Completely unobtrusive, requires no changes to existing HTML
  • Preloads background images to avoid flash of unstyled content on first use.
  • Can preload upcoming images in a photo group.
  • Written in jQuery plugin format and can be chained with other jQuery commands.
  • Generates W3C valid XHTML and CSS, and adds no JS global variables.
  • Released under the MIT License.

uGallery

Average rating
(0 votes)

A simple BSD licensed gallery plugin with nice transitions, really easy to setup and use, server-side scripting friendly

Tested and working in all major browsers (Firefox, Internet Explorer 6/7, Safari, Opera, Google Chrome)

flickrGallery - Dynamic Flickr Photo Gallery with Slider

Average rating
(4 votes)

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. However, all of these functionalities can be turned off. If Flickr is turned off, a standard unordered-list with images can be provided to use just the photo gallery functionality.

The purpose of this plugin is to allow for a dynamic image gallery that is easy to add or remove images from. Once the gallery is added to a website, the code doesn't need to be changed again to update images. Everything, including image captions, is updated from Flickr.

REQUIRES:

jQuery 1.2+