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!

images


jPhotoGrid

Average rating
(0 votes)

This plugin displays a list of image thumbnails in a grid and allows them to be zoomed open. It's a cool and simple effect.

Sliding Door Plugin

Average rating
(1 vote)

This plugin will take a selected image or set of images and replace it with a container with two halves which slide open and turn translucent on mouseover. The open halves reveal the alt tag text of the original image. Any links on the image are preserved along with their classes, and a configurable text label is added to the alt text. You can configure the time to open the "doors," close them, the opacity, the text indicating there's a link, and how far open the doors go (as a percentage).

There is one known bug, which is that the original link is not removed and makes the entire structure a clickable link.

The image needs to have a set size or some browsers won't be able to figure out the size. Also, please ensure that your image is not scaled in HTML - the script isn't able to scale back the halves to match the original so it will look strange.

odoFrontSlide

Average rating
(1 vote)

odoFrontSlide is a slideshow i created for my portfolio.
It works with variable and fixed sizes, for example 80% width and 200px height
it auto resizes the images to fix in the given size

Hover-Swap

Average rating
(1 vote)

An unobtrusive, cross-browser, XHTML compliant solution for image & input rollovers.
* Supports arbitrary image sizes for rollovers that “pop”.
* Supports transparent png’s in Internet Explorer 6.

Batch Image Load event

Average rating
(1 vote)

Applied on a list of img tags, waits for all images to be loaded (or errored) and only then invokes a user-provided callback function! Useful if you want to wait for all images to load and then do something.

jQuery.lightpop

Average rating
(0 votes)

jQuery.lightpop plugin is used to overlay images and videos (YouTube, Dailymotion, nicovideo...) on the current page.

YoxView, jQuery image viewer plugin

Average rating
(0 votes)

YoxView is a popup image viewer, built using jQuery 1.4. It's simple to use yet quite powerful.

Main features:

  • Images are resized to fit inside the browser's window
  • Images can be pre-cached
  • Multiple instances in the same page may be used, ideal for blog entries, for example.
  • Fully configurable - each instance may have a different configuration.
  • Multilingual and bidirectional - tooltips and button names may be in any language (language packs available!)
  • Slideshow-enabled - play images automatically.
  • Keyboard access - navigate through images using the keyboard.
  • Search engine friendly - large images are indexed.
  • Extremely easy to integrate.

Easy Slides

Average rating
(1 vote)

jQuery Easy Slides is possibly the easiest to use jQuery plugin for making image slideshows!

Although there are plenty of features to make this more than just a basic slideshow plugin, the list of features (and options) are not extensive. With jQuery Easy Slides it is easy to get your slideshow up and running without spending hours scratching your head!

Available options....

  • Captions
  • Linkable images
  • Transition time
  • Randomise images
  • Multiple instances per page

Image Loader

Average rating
(1 vote)

Use Image Loader to preload multiple images then optionally call your favorite image viewer, slideshow or other javascript on the loaded images.

Great to use with the Cycle Plugin!

Main Features:

  • Preload multiple images.
  • Specify images with either:
    • An array of strings to specify image paths.
    • An array of hash objects to specify image attributes such as src, title, name, id, class, style.
  • Loading text Counts down to completion, example: "Loading 1 of 20".
  • Show a loading graphic.
  • Specify your own loading graphic.
  • Allows for hiding images automatically when loaded.
  • Turn off the preloading screen and load silently.

Usage example using an array of hash objects for image declaration.

$("#slideShow").imageLoader({
   images: [{ src: 'images/image1.jpg', title: 'First Image!'}
      ,{ src: 'images/image2.jpg', title: 'Second Image!'}
      ,{ src: 'images/image3.jpg', title: 'Third Image!'}
      ,{ src: 'images/image4.jpg', title: 'Fourth Image!'}
      ,{ src: 'images/image5.jpg', title: 'Fifth Image!'}]
}, function(){
   $('#slideShow').cycle();
});

Lumebox

Average rating
(2 votes)

The Lumebox is a Lightbox clone with a few added features. One of the main features is that it can parse RSS feeds just as easily as displaying images. The plugin searches the post or page for all links leading to images and opens them in a popup instead of following them.

The RSS parser that's built into the plugin is compatible with RSS and ATOM feeds and can be used on its own. It takes two parameters, the URL to parse and a function to execute when it has fetched and parsed the feed. Since it uses Ajax the URL must be local or go through a local proxy.