Plugins
Home

The plugins site is currently in development.

We've been looking to provide a higher-quality, spam-free experience at the plugins site for some time, and a major error on our part forced us to shut down the current site before we could put the new one in place. We are developing a new site, and you can follow along with its development on GitHub. For more information about this transition, including steps you can take as a plugin author to prepare, please read our post about what's going on.

animate


Collapser

Submitted by vaakash on August 8, 2010 - 2:34am

Jquery collapser is a multi purpose collapser plugin made for expanding and collapsing elements. Can create a accordion, list collapser using this plugin.

Features

  • Very light-weight plugin, fast and simple.
  • Can collapse any element within an document.
  • Can add seperate classes for expanding and collapsing.
  • Customized targeting elements.
  • Callback functions.
  • Predetection of collapsed elements.
  • Can create accordion, list collapsers etc by adding a single additional line.
  • Cross browser supported.

Sudo Slider

Submitted by webbies on July 22, 2010 - 6:20am

Sudo Slider makes it easy to make any kind of slider, using just this Javascript.
It supports browser bookmarking, back/forward buttons. Multiple sliders pr. page and much much more.
It's fully cross-browser compatible (as much as jQuery itself).

Animate Hover

Submitted by nbaruna on July 21, 2010 - 1:29am

your button will be animate (fading) to it's hover state

Canimate

Submitted by jakelauer on June 26, 2010 - 4:44pm

If you've ever wanted to create an animation using a series of images for your website, but were forced to an alternative because you didn't want to deal with the constraints of the GIF filetype, like color limit and difficult-to-deal-with FPS controls, then Canimate is the solution.

With Canimate, you can take any series of images and, using the Canimate naming convention, have them animate at any speed. You can treat the element that holds the image just like any other, including giving it borders, dragging it, etc. Give it a try!

Frame Animation Plugin for jQuery

Submitted by bmartinec on May 24, 2010 - 7:42am

I wrote this plugin since it is a very simple and effective way to have nice and complex animations (with mouseover triggering) on your site without the use of Flash or Silverlight or anything similar. I got inspired for the plugin from the header logo at www.southparkstudios.com.

It's very simple to use provided that you have an image of several images (frames) vertically joined together (like a filmstrip).

Then you simply call $('#myElement').frameAnimation({delay:30});
and by default you get hover (mouseover/mouseout) functionality that triggers animation on mouseoever in one direction and on mouseout in the other. Delay parameter sets the timeout between frames, essentially changing framerate. By default it is set to 50 (ms), but you will probably have to set your own, because it really depends on the total number of frames that you have, length of animation and more importantly what looks good to you.

The Quotator

Submitted by jruddell on May 12, 2010 - 2:57pm

Background

Originally the quotator was a quote, rotator. It would rotate html elements on a timer displaying different quotes.

Over time the quotator developed into a multi featured jquery tab animation plugin.

The quotator works with targets (handles/tabs) and their related data.

What is special about the quotator is that it does not require a special HTML structure to work. The targets and content are selected by css selectors within the master container. The targets and content are paired sequentially by the order found in the HTML.

bgFade

Submitted by jakelauer on May 4, 2010 - 11:00pm

This plugin allows you to duplicate the CSS:hover effect, along with some professional jQuery frosting on top. It's as easy as :hover, but lets you do a whole lot more!

3D Waterwheel Image Carousel

Submitted by bkosborne on April 17, 2010 - 6:51pm

This carousel will take a list of any number of images and rotate them out in either a vertical or horizontal fashion, cascading in with a nice simulated 3D effect. Currently only works with images that are the same dimensions. Many options to customize how it operates and looks. View my website for demonstrations and more.

Tested and works with jQuery version 1.4.2

3D Feature Image Carousel

Submitted by bkosborne on April 17, 2010 - 6:40pm

This plugin rotates images in a three dimensional (simulated) carousel. Optionally, all images can have a description element attached to them that pops up on an overlay whenever that image rotates to the center.

To view a better description of the carousel, including all options and examples, visit my website (bkosborne.com).

Tested and works with jQuery version 1.4.2

Roundabout

Submitted by fredleblanc on December 17, 2009 - 2:54pm

Roundabout is a jQuery plugin that converts a structure of static HTML elements into a highly customizable turntable-like interactive area.

In its simplest configuration, Roundabout works with ordered- and unordered-lists, however after some quick configuration, Roundabout can work with an set of nested elements.

Works with jQuery 1.2.3+, 1.3.x and 1.4.x.

See it in action, the many ways to use it, and everything else about it at the official Roundabout project page.