Plugins

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.

Plugins


1 week 2 days ago

AJAX-ZOOM player is a powerful single image zoom & pan viewer with optional gallery extension. It features over 300 other options and can be easily integrated into any website, eCommerce solution or CMS.

AJAX-ZOOM uses image tiles to quickly generate a portion of the zoomed image (similar to Google Maps).

In a special 360° rotation mode it can also be used as object spinner.

Links
Examples
Magento (demo store)
xt:Commerce (xtcModified demo store)
VR Objects 360° (3D Spin & Zoom)
Oxid (demo store)

< < < < < < < < < < <
1 year 27 weeks ago

Amazon style image and title scroller with jQuery.

More script and css style: www.htmldrive.net

< < < < <
1 year 20 weeks ago

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.
< < < < < < <
3 years 45 weeks ago

Step Carousel Viewer displays images or even rich HTML by side scrolling them left or right. Users can step to any specific content on demand, or browse the gallery sequentially by stepping through x number of contents each time. A smooth sliding animation is used to transition between steps. The contents for the Step Carousel Viewer can be defined either directly inline on the page, or via Ajax and extracted from an external file instead. In both cases, the contents are simply DIVs with a shared CSS class name that wrap around each individual content.

< < <
1 year 20 weeks ago

A jQuery content rotator plugin (tested on 1.3 & 1.4)

Features:

  • Automatically (optional) adds navigation between images/content
  • HTML of the previous and next tags can be passed as parameters to the plugin
  • Automatically (optional) transitions between images/content
  • Duration of image/content display and transition speed can be passed as parameters to the plugin
  • Called on an element containing elements that will be rotated i.e. $('.containing_element).sideswap();
  • More documentation coming soon

< < < <
2 years 1 day ago

jQuery Menu Style 1

jQuery Menu Features

  • Full cross-browser compatibility
  • Fully accessible even when javascript is turned off, as a pure css menu
  • Search engines optimized
  • Clear unordered list (LI and UL HTML tags) structure of jQuery menu
  • Easy to setup and update
  • Fantastic animation and transition effects
  • Multiple pre-desinded color schemes
  • Completely customizable styling with CSS
  • Powered by jQuery
  • Extremely small - 3kb uncompressed

Color Themes:
(White Smoke) jQuery Menu
(Dim Gray) jQuery Menu
(Black) jQuery Menu

< < < < <
2 years 2 weeks ago

Visual Lightbox is a jQuery plugin for lightbox-style photo galleries and slideshows.

Visual jQuery LightBox Features

  • Slideshow with autostart option
  • Thumbnail and code generator for Windows & MAC
  • XHTML compliant
  • Zoom effect with overlay shadow
  • Rounded corners of overlay window
  • Large images fit to browser window
  • Overlay floating - image floats on scroll staying always visiable
  • Smooth cross-fade transition & animation
  • Image preloading after the page is loaded
  • Keyboard navigation
  • Graceful degradation when javascript is not available
  • A lot of nice gallery themes
< < < < < < < < < <
1 year 19 weeks ago

This is my next jQuery plugin which can help you to create image viewing in your site more useful.
You can download this plugin only on 4coder.info

< < <
1 year 37 weeks ago

Interesting effects, which can be used on site-header. For more information visit 4coder.info

Example:

<ul id="mindscape">
    <li><img src=".../mindscape1.png" /></li>
    <li><img src=".../mindscape2.png" /></li>
</ul>

$(function() {
    $('#mindscape').smart3d(850);
});

#mindscape {
    width: 750px;
    height: 174px;
}

Compatibility:

IE 6, 7, 8, 9
FireFox 2.2, 3.6
Safari 3.2.1, 4.0.5
Opera 9.52, 10.01, 10.10
Chrome 5.0

You can download this plugin only on 4coder.info

< < <
1 year 37 weeks ago

When I noticed the growing popularity of JS-Slide and JS-Fade effects I have decide to develop a plugin for jQuery. This plugin will help you to add thise effects to the site in more simple way.

Example:

<script type="text/javascript">
jQuery(function() {
      jQuery('.slide1').ulslide({
            width: 443,
            height: 'auto',
            bnext: '#e1_next',
            bprev: '#e1_prev',
            axis: 'x',
            autoslide: 2000
      });
});
</script>

<ul class="slide1">
      <li> <img src="images/image-1.jpg" alt="" /></li>
      <li> <img src="images/image-2.jpg" alt="" /></li>
      <li> <img src="images/image-3.jpg" alt="" /></li>
</ul>
<a id="e1_prev" href="#">Previous</a>
<a id="e1_next" href="#">Next</a>

Compatibility:

IE 6, 7, 8, 9
FireFox 2.2, 3.6
Safari 3.2.1, 4.0.5
Opera 9.52, 10.01, 10.10
Chrome 5.0

< < <
1 year 44 weeks ago

AnimaDrag is a drag and drop plugin with a very small footprint that allows for animated easing when dragging an element. It has many fewer feature than a jQuery UI draggable widget, but is much smaller and does not depend on UI.

AnimaDrag uses animation, and has full easing support, which jQuery UI draggables do not support. This allows for a richer display of dragging, and is fun to play with.

You can see my sample at http://wayfarerweb.com/jquery/plugins/animadrag/ with some of the possibilities. It is highly configurable and has 4 callbacks to make it easy to customize.

< <
1 year 42 weeks ago

The "wTooltip" is a lightweight, flexible tooltip that is made to be easily customized. The default behavior is the conversion of the title attribute into the tooltip, which makes quick creation of multiple tooltips on any page a snap.

There are many more advanced options, including callBefore, and callAfter parameters, which allow custom code to be integrated easily with the standard behavior. It also has an easy interface to allow the tooltip to be completely styled at the user's discretion.

The complete documentation is available at http://wayfarerweb.com/wtooltip.php

< <
2 years 34 weeks ago

Download
Download from the project page.

Description
This Jquery plugin makes creating accordions pain free. Just create an ul list and call the accordion javascript method, all done! Also it is super lightweight. The major difference between Elastic and it's competitors is it's weight.

Usage
$(selector).accordion();

<
2 years 43 weeks ago

Download
Download from the Google Code page.

Description
Airport is a very, very, very simple text effect plugin for Jquery. It emulates the style of those flickering information boards you sometimes find on airports and train stations. Just watch the demo and you will understand

Usage

<div id="stuff"></div>
$('#stuff').airport(['moscow','berlin','stockholm']);

Works with
IE6,IE7,IE8
FF1,FF2,FF3
Safari3
Chrome1
Opera9

<
2 years 26 weeks ago

Links which use the pound(#) symbol to anchor to another area of the page are generally used for navigating large blocks of text. This plugin creates a simple animation for anchor links by quickly scrolling the page to the area where the anchor is at rather than just jumping right to the anchor like normal.

http://www.ooeygui.net/

< < <
2 years 9 weeks ago

This is plugin allows you to create sexy hover effect for images ;)

< < <
1 year 33 weeks ago

Use this chromeless player to show your favourite Youtube movies on your page!
Or easily transform your Youtube movie into a HTML background!

This jquery component let you have a chromeless, customizable player for your favorite YT movies. It can be used as background of your HTML page.

< < < <
2 years 5 weeks ago

jQuery DropDown Menu Style 3

jQuery DropDown Menu Features

  • Cross-browser compatibility
  • Works in browsers with disabled Javascript.
  • Search engines freandly
  • Unordered list (LI and UL HTML tags) structure for menu items
  • Easy to setup and update
  • Awesome animation and transition effects
  • Six pre-desinded color schemes
  • 100% CSS-driven designs.
  • Powered by jQuery
  • Lightweight - 7kb uncompressed
  • Unlimited sub-levels

Color Themes:
(Olive Drab) jQuery DropDown Menu
(Deep Sky Blue) jQuery DropDown Menu

< < < < <
1 year 20 weeks ago

This plug-in utilizes the matrix filter in IE and the new CSS3 transform properties to 2d transform any DOMElement. It is fully cross-browser compatible. Special care has been taken to make IE support translate() and transform-origin. The properties can also be animated using the jQuery animation library.

$('.example').transform({rotate: 45});
$('.example').animate({rotate: '+=45deg'});
<
1 year 16 weeks ago

very simple carousel.

add a few images to an element, then call .k3dCarousel() on that element.

demo

instructions

<
1 year 41 weeks ago

This is a fast and cross-browser implementation of a 3d carousel - looks very nice, more like a Flash implementation. It can create dynamic reflections underneath the carousel items, is accessible and degrades nicely without JavaScript. Easy to use as an unobtrusive plugin with lots of options. See more at www.professorcloud.com

<
1 year 41 weeks ago

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

< < < < < <
1 year 20 weeks ago

This a plain one waving effect onto the web page, for which result stereoscopic experience.
This sample side was ready quickly in order that he presents it the plugin his function in a living example. In the later time I will put additional examples out here, I leave it to your fantasy till then if you ask it, who does what with this how the plugin. To be useful plain...

JavaScript example:


$('#sprite1').levitation(30, 50, 40);
$('#sprite1').levitation(80, 20, 20);
$('#sprite1').levitation(50, 30, -10);
$('#sprite1').levitation(10, 34, 66);

and HTML:

<div class="levi">
    <img id="sprite1" src="sprite1.png">
    <img id="sprite2" src="sprite2.png">
    <img id="sprite3" src="sprite3.png">
    <div id="levi_messgae">Hello</div>
</div>

useless style:

.levi {position: relative; overlow: hidden; width:100px; height:80px;}

--[download levitation plugin!]--

<
1 year 30 weeks ago

A rotating 3d tag cloud controlled with the mouse. Tags are scaled according to the weight assigned to them and fade into the background as they rotate.

< <
1 year 41 weeks ago

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

< < < < < < < <
2 years 6 weeks ago

+ 3D Carousel with 1 point perspective projection.
+ To be updated later...

<
1 year 35 weeks ago

Access Expander is a small plugin that allows you to show and hide content in an accessible way. Keeping collapsed content positioned off the page (not hidden from screen readers), WAI-ARIA and tab navigability are implemented.

< < <
4 years 27 weeks ago

Accessible News Slider is a component for viewing news headlines and photos, which is built to be accessible according to WCAG 1.0.

< < < < <
2 years 49 weeks ago

Activebar2 is a crossbrowser information bar mimicking the look and feel of the widely spread bars used in modern browsers. It provides an easy and unobtrusive way of communicating all sorts of messages to your users. Or to provide help by displaying tips and usage informations.

< < < <
2 years 29 weeks ago

An image gallery plugin with a list of thumbnails below the image. Not quite like Lightbox or Thickbox, but more of a showcase type of gallery.

< <