Plugins

User login
Login/Register
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!

Home › Downloads

Plugins: Windows and Overlays


Filter by Project release API compatibility:
Login or register to modify the filter.

# Visual Lightbox - Create fantastic lightbox-style galleries and slideshows. jQuery LightBox Plugin.

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
VersionDateLinksStatus
2.3.82010-Jan-14Recommended for 1.0.xThis is currently the recommended release for 1.0.x.
2.7.32010-Mar-17Recommended for 1.3.xThis is currently the recommended release for 1.3.x.

(mb)Containers, a jQuery component for full customizable and featured container layout

Last changed: 1 year 1 week ago

This is a useful plug in to build full featured and full skinnable containers.
The container can be set to draggable, resizable, collapsable and minimizable.

dependencies:

ui.core.js
ui.draggable.js
ui.resizable.js

How does it work:

here is the js call:

$(function(){
$(".container").buildContainers();
});

here is the code for each container:

<div class="container stikynote draggable resizable" style="width:400px; top:270px;left:170px" buttons="i,m,c">
<table cellpadding="0" cellspacing="0" class="containerTable">
<tr class="top">
<td class="no"> </td>
<td class="n"><a href="">Stiky note</a></td>
<td class="ne">&nbsp;</td>
</tr>
<tr class="middle">
<td class="o"> </td>
<td class="c" >
[your content goes here...]
</td>
<td class="e"> </td>
</tr>
<tr class="bottom">
<td class="so"> </td>
<td class="s"></td>
<td class="se"> </td>
</tr>
</table>
</div>

VersionDateLinksStatus
1.1.012009-Jan-18Recommended for 1.2.xThis is currently the recommended release for 1.2.x.
1.2.02009-Mar-06Recommended for 1.3.xThis is currently the recommended release for 1.3.x.

(mb)ConteinersPlus, a jQuery component for full customizable and featured container layout (DIV box model)

Last changed: 3 days 12 hours ago

Here it is!
Finally I realized the DIV box model of the (mb)Containers!

This is a useful plug in to build full featured and fully skinnable containers.
The container can be set to draggable, resizable, collapsable and minimizable.

demo and doc: http://pupunzi.wordpress.com/mb-jquery-components/mb-containerplus/

dependencies:

ui.core.js
ui.draggable.js
ui.resizable.js
optional: jQuery.metadata.js

How does it work:

here is the js call:

$(function(){
$(”.containerPlus”).buildContainers({
containment:”document”,
elementsPath:”elements/”
});
});

here is the code for each container:

Titolo container 1

VersionDateLinksStatus
1.0.02009-Feb-01Recommended for 1.0.xThis is currently the recommended release for 1.0.x.
1.0.32009-Feb-15Recommended for 1.2.xThis is currently the recommended release for 1.2.x.
2.4.82010-Mar-14Recommended for 1.3.xThis is currently the recommended release for 1.3.x.

(mb)ImgNavigator, a photo gallery for extralarge images!

Last changed: 40 weeks 6 days ago

A photogallery for extralarge images with navigator.
You can drag your extralarge image in the display by the navigator or the image itself.
Enjoy yourself into images!

dependencies:

jquery.js(1.3)
ui.core.js (1.6rc5)
ui.draggable.js(1.6rc5)

How does it work:

here is the js call:

$(function(){
   $("#navArea").imageNavigator( {
          areaWidth: 700,
          areaHeight:500,
          draggerStyle:"1px dotted red",
          navOpacity:.8
    })
})

here is the code for each image:

<div id="navArea">
<div imageUrl="DSC00844.JPG" navPosition="BR" navWidth="100" style="display:none;" class="imagesContainer">
<span class="title">zuccheriera</span>
<div class="description"><STRONG>description1</STRONG></div>
</div>
[...]
</div>

Params:

areaWidth and areaHeight are the width and the height of the display;

VersionDateLinksStatus
1.02009-Jan-20Recommended for 1.0.xThis is currently the recommended release for 1.0.x.
1.8.02009-Mar-16Recommended for 1.3.xThis is currently the recommended release for 1.3.x.

(ternstyle's) ternElapse for jQuery

Last changed: 25 weeks 1 day ago

The ternElapse plugin allows you to cover any HTML element with a transparent mask and place a loading image and text at the center of the mask. With this plugin you can open and close the mask, change the text and/or image inside the mask or include no text or image to begin with. Cover the document body or cover any other block level HTML element.

VersionDateLinksStatus
2.02009-Sep-22Recommended for 1.2.xThis is currently the recommended release for 1.2.x.

Add To List

Last changed: 1 year 40 weeks ago

Dynamically add a new option to a select list. A customised form (which you specific) is ajax submitted. A successful ajax return adds the new item to the select list.

VersionDateLinksStatus
1.0.02008-Jun-06Recommended for 1.2.xThis is currently the recommended release for 1.2.x.

akModal: simplest alternative to thickbox

Last changed: 1 year 36 weeks ago

akModal is the simplest way to achieve the modal dialog box or pop up box for simple purposes like showing signin box etc.

You will find it very useful when you need a lightbox kind of plugin that you can control, and customize for you requirements.

More information is at akModal article

VersionDateLinksStatus
1.0.02008-Apr-15Recommended for 1.0.xThis is currently the recommended release for 1.0.x.
1.1.02008-Jul-05Recommended for 1.2.xThis is currently the recommended release for 1.2.x.

altAlert

Last changed: 8 weeks 3 hours ago

altAlert, a jQuery plug-in for personalized alert messages without the need to change existing code.

More info at http://roosteronacid.com/blog/index.php/2010/01/20/jquery-plug-in-person...

VersionDateLinksStatus
1.0.02010-Jan-20Recommended for 1.0.xThis is currently the recommended release for 1.0.x.

aqFloater

Last changed: 1 year 19 weeks ago

Make an existing element into a floating element according to the attach option, if no value is given, the element will stay floating in the middle of the browser window.

$('#myfloat').aqFloater({attach: 'nw', duration: 100, opacity: .5});

VersionDateLinksStatus
1.0.12008-Oct-31Recommended for 1.0.xThis is currently the recommended release for 1.0.x.
1.02008-Oct-31Recommended for 1.2.xThis is currently the recommended release for 1.2.x.

aqLayer

Last changed: 1 year 19 weeks ago

Creates a styled floating layer that can be customized. There are two ways to create a aqLayer object, static and dynamic contents.

$('div').aqLayer({ attach: 'ne', closeBtn: true })
     .click(function(){ $(this).aqLayer('show') });

VersionDateLinksStatus
1.02008-Oct-31Recommended for 1.0.xThis is currently the recommended release for 1.0.x.

aqTip

Last changed: 1 year 19 weeks ago

aqTip attaches a hover event to elements. When mouse over the element, it displays the tip box.

$('#example1').aqTip('Tip me');

VersionDateLinksStatus
1.12008-Oct-30Recommended for 1.0.xThis is currently the recommended release for 1.0.x.

Background Layers

Last changed: 1 year 12 weeks ago

If you've ever found yourself wishing you could add multiple/layered backgrounds to a div tag, you found that multiple backgrounds for div tags were not supported. The solution is to use the Background Layers plugin. The concept is similar to the use of layers in Photoshop, one background image on top of another.

VersionDateLinksStatus
1.02008-Dec-17Recommended for 1.2.xThis is currently the recommended release for 1.2.x.

backOpacity plugin

Last changed: 19 weeks 1 day ago

This plugin adds a opacity background to any object that has width/height specified without giving the inner elements an opacity. This plugin doesn't use any CSS hacks or the PNG hack. It uses the native jQuery opacity function, DOM strict attribute names and jQuery's CSS setters/getters to allow cross browser compatibility. Technically it adds a div element automatically within the parent and sets itself as background.

Simply:

$('.backopacity').backOpacity();

With settings:

$('.backopacity').backOpacity({
background: '#ffffff',
opacity: '0.1'
});

Currently does not work for IE6! Works on IE7+, Opera 9+, Firefox 3+ as i tested.

VersionDateLinksStatus
0.9.22009-Nov-03Recommended for 1.3.xThis is currently the recommended release for 1.3.x.

boxy

Last changed: 1 year 25 weeks ago

boxy is a Facebook-style general purpose dialog box with support for multiple visible instances,
drag'n'drop, size tweening, AJAX loading and automatic generation of
confirmation/question boxes. Designed with "applications" in mind, so there's
a pretty decent API for manipulating instances.

Please direct all feedback/bug-reports to our Google Group at http://groups.google.com/group/boxy-plugin and NOT the issue tracker here.

VersionDateLinksStatus
0.1.02008-Jun-29Recommended for 1.0.xThis is currently the recommended release for 1.0.x.
0.1.42008-Sep-20Recommended for 1.2.xThis is currently the recommended release for 1.2.x.

Captify

Last changed: 15 weeks 1 day ago

Captify adds semi-transparent captions that appear on top of images when the user's mouse rolls over them. It offers a simple way to add captions to images in a manner that doesn't add clutter to a design. Tested in IE, Firefox, Safari, and Chrome.

VersionDateLinksStatus
1.1.32009-Dec-01Recommended for 1.0.xThis is currently the recommended release for 1.0.x.
1.1.22009-Dec-01Recommended for 1.2.xThis is currently the recommended release for 1.2.x.

CeeBox

Last changed: 9 weeks 4 hours ago

CeeBox creates a lightbox-like popup overlay for images, image, html via ajax and iframe (both modal and non-modal), and flash movies. Videos will be displayed in a popup simply by adding "ceebox" to a link a YouTube movie page. CeeBox supports auto-embeded popups for Google Video, YouTube, Metacafe, Vimeo, Dailymotion, iFilm, and Facebook videos.

It also creates gallery next/prev buttons for any type of content images/videos/html if ceebox is applied on a parent element with links underneath.

Best of all the minimized version of jquery.ceebox.js is only 13KB! This is smaller than many of the lightbox-like scripts out there.

If CeeBox is so small, why is the release download zip so big?

I've included the source psd files for the buttons so that people can alter them if they want. Nice of me huh?

CeeBox Requirements

VersionDateLinksStatus
2.1.3-patch2010-Jan-13Recommended for 1.3.xThis is currently the recommended release for 1.3.x.

CJ Object Scaler

CJ Object Scaler will scale an object to either fit or fill within the boundaries of a destination object. I based this plug-in off another JavaScript project I made awhile back, called CJ Image v1.0 (non jQuery). It was a nice little function that would help you calculate the size and offsets to use when scaling an image to fit (or fill) within another element. It didn't actually do any scaling, per say, it merely provided you with the numeric amounts to use. The function introduced two scaling methods, Scale To Fit and Scale To Fill.

  • Scale To Fill - We scale the source image to fill the destination box. This might cause a portion of the source image to be cropped or offset from the destination box.
  • Scale To Fit - We scale the entire source image to fit into the destination box. This might cause a gap on some of the sides, because the source image might not be proportional to my destination box.
VersionDateLinksStatus
2.0.02009-Sep-23Recommended for 1.3.xThis is currently the recommended release for 1.3.x.

Coda Bubble

Last changed: 35 weeks 3 days ago

Creates pop-ups Coda Bubble style

Based on the tutorial at http://jqueryfordesigners.com/coda-popup-bubbles/ this plugin can be used to create multiple pop-ups Coda Bubble style.

Allow to set options to replace PNG images to .GIF files, or to simply remove bubbles in Internet Explorer, to deal with PNG opacity rendering issue

Collidable Draggables

Last changed: 50 weeks 6 days ago

Adds collision detection to draggable objects.

Add "collide: 'block'" or "collide: 'flag'" when you create a draggable:

$(".box").draggable({collide: 'flag'});
or
$(".box").draggable({collide: 'block'});

In 'flag' mode overlapping objects receive new classes - 'ui-draggable-overlapping' for the object being dragged and 'ui-draggable-overlapped' for the other object. In 'block' mode objects are blocked from overlapping other objects by being snapped to the edge of the object they collided with.

This doesn't currently play well with constraints because they are applied before the drag event is propagated.

VersionDateLinksStatus
0.0.12009-Mar-26Recommended for 1.3.xThis is currently the recommended release for 1.3.x.

ConMenu Context menu

Last changed: 1 year 9 weeks ago

Truly context sensitive right click menu.

Most other menus only allow for fixed options on a single selector.

With this menu, options can overlap on the selectors that they apply to.

The action (js function) for each choice on the menu is passed the element that the menu was generated on.

sample call:

$.conmenu({
  selector:".node",
  choices:[{
    label:"Edit",
    action:function(div){
      var nid = $(div).attr("id").substring(5);
      window.location.href = "/node/" + nid + "/edit";
    }
  }]
});

This example shows a 'Edit' option when you right click on any element that has a class of 'node'. When you click on 'Edit', it would take you the the new url using the 6th character from the ID of the element right-clicked on.

Open to input and recommendations!

VersionDateLinksStatus
1.0.12009-Jan-13Recommended for 1.2.xThis is currently the recommended release for 1.2.x.

Date Input

Last changed: 39 weeks 7 hours ago

Date Input is a no frills date picker plugin for jQuery. It is:

  • Lightweight
  • Fast
  • Pretty by default
VersionDateLinksStatus
1.2.12009-Jun-17Recommended for 1.0.xThis is currently the recommended release for 1.0.x.

DragScroll

Last changed: 48 weeks 18 hours ago

DragScroll adds mouse dragging functionality to overflowed elements with scrollbars similar to Adobe Reader or Google Maps dragging.

DragScroll also triggers special events on scrolling with overfloed element, so special behavior can be bound to it.

VersionDateLinksStatus
0.9.02009-Apr-15Recommended for 1.3.xThis is currently the recommended release for 1.3.x.

Dragscrollable

Last changed: 36 weeks 4 days ago

Scroll a large nested layer within a viewport using native scroll from the container. It does not require drag and drop functionality from UI and it is faster than UI dragging.

Can be used to build a similar effect as in Google maps where you drag contents of a div acting as a viewport.

VersionDateLinksStatus
1.02009-Jul-04Recommended for 1.0.xThis is currently the recommended release for 1.0.x.

DragSelect

Last changed: 46 weeks 9 hours ago

DragSelect allows mouse selection also know as marquee or marching ants on specified elements. It provides also functions for managing created selections.

VersionDateLinksStatus
0.7.02009-Apr-29Recommended for 1.2.xThis is currently the recommended release for 1.2.x.

Dynamic Flash Messages

Last changed: 2 years 6 weeks ago

Overview

Flash messages are messages displayed in response to user interaction with a site. Typically these are displayed as success or failure messages after performing an action which submits a form, or in response to an attempt to access a resource for which the user does not have permission.

Flash messages are useful and provided with several systems automatically; TurboGears, for instance, provides a tg_flash variable to all templates and exposes a flash method which can be used to display a message on the next page load.

This is a simple script which gives this functionality to jQuery, so you can display flash messages in response to dynamic events such as AJAX calls.

VersionDateLinksStatus
1.12008-Jan-31Recommended for 1.0.xThis is currently the recommended release for 1.0.x.

External Links

Last changed: 17 weeks 5 days ago

This plugin automatically creates accessible links to external sites that open in a new window/tab, by looking for a rel attribute with a value of 'external'.

VersionDateLinksStatus
1.02009-Nov-13Recommended for 1.3.xThis is currently the recommended release for 1.3.x.

Facebox

Last changed: 1 year 45 weeks ago

Facebox is a jQuery-based, Facebook-style lightbox which can display images, divs, or entire remote pages. It's easy to use and easy to drive programmatically -- use it for error messages, confirmations, previews, galleries, etc.

It's simple to use and easy on the eyes.

Check it out in action: http://famspam.com/facebox

VersionDateLinksStatus
1.22008-May-05Recommended for 1.0.xThis is currently the recommended release for 1.0.x.

fake

Last changed: 2 weeks 6 days ago

fake is a method which creates a fake clone of a object, usable for overlay animations and such.

Example:
$('div').fake().delay(1000).hide('slide',1000, {},function() {$(this).unwrap().remove();});

Result: none :-P

VersionDateLinksStatus
0.12010-Feb-25Recommended for 1.3.xThis is currently the recommended release for 1.3.x.

FeedbackBar

$.feedbackBar is a jQuery plugin meant to provide unobtrusive feedback to the user via an absolutely positioned bar at the top of your page. The position is absolute to the page because it is meant to provide feedback that can either be automatically closed after a certain length of time or by a user action. It positioning is not meant to alter the existing page content but instead, overlay it.

VersionDateLinksStatus
1.02010-Feb-01Recommended for 1.3.xThis is currently the recommended release for 1.3.x.

flower bubble

Last changed: 1 year 13 weeks ago

takes a jquery-object, places a div over it or the rest of screen, therein places a container (bubble) with another image (flower) and hides everything later on.

the overlay-div can have a transparent background or image. they are not click- or dragable. images are being preloaded.

nearly everything can be customized thru given options, where at minimum you should supply your bubble and flower image. an example on how to call it is included in the js-file.

VersionDateLinksStatus
0.4.02008-Dec-14Recommended for 1.2.xThis is currently the recommended release for 1.2.x.

Fullsize | Image Zoom

Last changed: 36 weeks 5 days ago

There are many fantastic javascript/AJAX solutions out there to view a larger version of an image by displaying it as a in-page pop-up or lightbox pop-up. It is rare to visit a website with a photo gallery that does not already utilize one of these solutions.
So why not make it a standard?

The Fullsize jQuery plugin is a first step in getting a "fullsize" attribute added to the next version of HTML. It is also an attempt to standardize the way image popups/zooms work on the web.

Fore more info visit: www.addfullsize.com

VersionDateLinksStatus
1.1.12009-Jul-02Recommended for 1.0.xThis is currently the recommended release for 1.0.x.

Grumble

Last changed: 1 week 6 days ago

Grumble is a jQuery plugin that recreates the Growl notification experience in a web app.

Grumble is good looking out of the box, but supports theming so you can tweak to your heart's content.

VersionDateLinksStatus
0.1.0-Initial release2009-Nov-02Recommended for 1.3.xThis is currently the recommended release for 1.3.x.

Img Notes 0.2

Last changed: 1 year 7 weeks ago

A simple way to display notes over images when you roll your mouse over the image.

VersionDateLinksStatus
2009-Jan-23Recommended for 1.2.xThis is currently the recommended release for 1.2.x.

Impromptu

Impromptu is an extension to help provide a more pleasant way to spontaneously prompt a user for input. No more alert(), prompt(), and confirm(). Easily customizable with CSS and options to add multiple buttons tailoring Impromptu to your exact need. No more prompting with "Ok" and "Cancel", now you can say "Please Do", "Not Now", "Never".

infoBar

Last changed: 1 year 1 day ago

infoBar is an information bar that can be used to display information to a user. It emulates the bar that most modern browsers are using today. It is customizable in color and is a snap to use.

Enjoy!

VersionDateLinksStatus
1.0.02009-Mar-16Recommended for 1.0.xThis is currently the recommended release for 1.0.x.

jDialog - AJAX windows

Last changed: 1 year 50 weeks ago

jDialog is created for web developers who wants to create inline AJAX modal windows easily and wants to be able to customize their windows to the max.

VersionDateLinksStatus
1.02008-Mar-13Recommended for 1.0.xThis is currently the recommended release for 1.0.x.
1.12008-Mar-27Recommended for 1.1.xThis is currently the recommended release for 1.1.x.

jGrowl

Last changed: 13 weeks 3 days ago

Similar to the popular OS X system message framework called Growl, jGrowl provides a simple way for developers to raise unobtrusive messages to the end-user.

VersionDateLinksStatus
1.2.42009-Dec-13Recommended for 1.3.xThis is currently the recommended release for 1.3.x.

jHelperTip - The Multi-Use Tooltip for jQuery

jHelperTip is intended to be useful in many situations such as hovering tip and clickable tips. It can get data from a container, through Ajax or even the attributes of the current object.

The API and Default Values

$.fn.jHelperTip.defaults = {
trigger: "click",
topOff: 3,
leftOff: 10,
source: "container",
attrName: '',
ttC: "#jHelperTipContainer", /* tooltip Container*/
dC: "#jHelperTipDataContainer", /* data Container */
aC: "#jHelperTipAttrContainer", /* attr Container */
opacity: 1.0,
loadingImg: "ajax-loader.gif",
loadingText: "Loading...",
type: "GET", /* data can be inline or CSS selector */
//url: '',
//data: '',
autoClose: true
};

Explanation of the Options:

trigger: "click" or "hover" to trigger the tooltip

topOff: top offset from mouse pointer

leftOff: left offset from mouse pointer

VersionDateLinksStatus
1.02008-Jun-05Recommended for 1.0.xThis is currently the recommended release for 1.0.x.

jMaps Framework

Last changed: 1 year 18 weeks ago

The JMaps Framework is a jQuery plugin that provides a simple but powerful API for Google's mapping services.

It provides a simple jQuery way to do functions such as:

* Geocode and reverse any valid address in the world via Google's geocoding API
* Search for directions to and from any location
* Add and remove Markers
* Add and remove polygons and polylines
* Add and remove graphic layers on the map
* Add and remove Google adsense layers
* Add and remove Traffic layers
* Get information back such as map center, map size, map type, etc

And many more.

VersionDateLinksStatus
3.0.0-Beta2008-Apr-20Recommended for 1.2.xThis is currently the recommended release for 1.2.x.

jmpopups

Last changed: 36 weeks 5 days ago

Advantages

  • You can open more than one popup the same time;
  • There is no pre-defined layout, so you are able to create your own layout;
  • You can call the popups using ajax or using the content of a hidden html element;
  • The jmpopups is concerned about acessibility. When a popup is opened, the focus will be kept only inside that popup. It will directly focus the first focusable element. The idea is to help users who use the keyboard for browsing (f.e. disabled people).
  • It works for IE 6+, FF 1.5+, Opera 9.*, Chrome 2.*, Safari 4.*.
  • Compatible with JQuery 1.3.*

Usage Example

$.openPopupLayer({
    name: "contactForm",
    width: 300,
    url: "contact_form.html",
    success: function() {
        alert("It is loaded");
    }
});

Try it!

VersionDateLinksStatus
0.5.12009-Jul-03Recommended for 1.3.xThis is currently the recommended release for 1.3.x.

jqalert - A jQuery-empowered alert() replacement

Last changed: 1 year 51 weeks ago

jqalert is a Javascript library that uses jQuery to create a compelling alternative to window.alert().

VersionDateLinksStatus
0.92008-Mar-25Recommended for 1.2.xThis is currently the recommended release for 1.2.x.

jqDialog

Last changed: 27 weeks 4 days ago

jqDialog is a small (3.7 KB minified) dialog plugin that provides smooth, persistent, non-intrusive alternatives for alert(), confirm() and prompt(). There is also a notify() dialog that pops up and goes away in X seconds.

Dependencies

jquery (1.3)

Demo

http://kailashnadh.name/code/jqdialog

How to use?

notify dialog

jqDialog.notify("This dialog will disappear in 3 seconds", 3);

/* __________________ */
jqDialog.notify("This dialog will stay");
jqDialog.close(); // this makes the dialog go away

alert dialog

jqDialog.alert("This is a non intrusive alert",
    function() { // callback function for 'OK' button
        alert("This intrusive alert says you clicked OK");
    }
);

confirm dialog

jqDialog.confirm("Are you sure want to click either of these buttons?",

VersionDateLinksStatus
1.2.12009-Sep-05Recommended for 1.0.xThis is currently the recommended release for 1.0.x.
1.22009-Sep-02Recommended for 1.3.xThis is currently the recommended release for 1.3.x.

jqDialogForms

Last changed: 1 year 5 weeks ago

There are other libraries out there that produce dialog windows that are completely modal. Modal dialogs are important, but I quickly ran into problems when, for example ...

VersionDateLinksStatus
1.22009-Feb-04Recommended for 1.2.xThis is currently the recommended release for 1.2.x.

jqModal

Last changed: 1 year 36 weeks ago

jqModal is a tool to help you display notices, dialogs, and modal windows in a web browser. Looks are controlled by standard and designer friendly HTML and CSS, independent of the javascript. Unlike lightbox and other *box alternatives, jqModal is flexible and tiny. It is akin to a "Swiss Army Knife", and makes a great base as a general purpose windowing framework.

VersionDateLinksStatus
2008.07.06-r132008-Jul-07Recommended for 1.0.xThis is currently the recommended release for 1.0.x.
2008.06.22-r122008-Jun-23Recommended for 1.2.xThis is currently the recommended release for 1.2.x.

jQuery BigPicture

jQuery BigPicture is an unobtrusive plug-in designed to display images in a modal window along with a full description.

VersionDateLinksStatus
1.0.0-beta-12009-Apr-29Recommended for 1.3.xThis is currently the recommended release for 1.3.x.

JQUERY BUBBLE POPUP

Last changed: 5 weeks 12 hours ago

Create easily smart bubble popups with only a line of code in jQuery!

- attach popups to any DOM element!
- mouseover/mouseout events automatically managed!
- set custom popups events!
- create smart shadowed popups! (in IE too!)
- choose popup's style templates at runtime!
- insert HTML messages inside popups!
- and many other options: distances, velocity, delays, colors, shadows...

Popup's shadows and colorized templates are fully supported by
Internet Explorer 6+, Firefox, Opera 9+, Safari

VersionDateLinksStatus
1.12010-Feb-10Recommended for 1.3.xThis is currently the recommended release for 1.3.x.

jQuery Callout Plugin

Last changed: 1 year 12 weeks ago

This plugin generates a floating callout bubble that emanates from a specified target. The plugin is purely css based, so no images are required. The callout can contain plain text or arbitrary HTML from another element on the page. Possible uses of the plugin include things like rich tooltips, form validation errors, instant message type alerts, and map pinpoints. A sample of each of these is present on the demonstration page. This is the first rev of the plugin, so some bugs are possible. I have tested it with success so far on IE7, Safari, Firefox, and Chrome. Enjoy.

jQuery Floatbox

Last changed: 1 year 5 weeks ago

This plugin creates by default a floating div in the center of the page using half of the user window size for its width(height is not limited), uses a black background div as well(with opacity), the content of the floating box is the only mandatory parameter, but all others parameter can be passed as well(such as the background and floating box css configuration), the floating box is fixed in the middle of the screen. A link with a class named "close-box" is added in the floating box, this link is responsable for closing(hiding) the floating box.

It supports simple ajax request(post and get) that inserts html content into the floatbox when using the ajax parameter in options.

Options properties:
bg: the background HTML id, default is "floatbox-background"
box: the floating box HTML id, default is "floatbox-box"
content: The floating box HTML content, no default value(mandatory)

VersionDateLinksStatus
1.0.72009-Feb-05Recommended for 1.0.xThis is currently the recommended release for 1.0.x.
1.0.62009-Feb-04Recommended for 1.2.xThis is currently the recommended release for 1.2.x.

jQuery Growl

Last changed: 32 weeks 4 days ago

jQuery Growl is a Growl like notification plugin for jQuery (tested with version 1.2.3).

You can view a demo of it here:

http://projects.zoulcreations.com/jquery/growl/

Or download the uncompressed source here: NOTE: as this project is still fairly young, it is best to obtain a copy of the latest source from the demo page.

http://projects.zoulcreations.com/jquery/growl/jquery.growl.js

jQuery Growl is easily 'skinned' (themed, templated, whatever you want to call it) by using the following code syntax:

$.growl.settings.displayTimeout = 4000;
$.growl.settings.noticeTemplate = ''
+ '<div>'
+ '<div style="float: right; background-image: url(my.growlTheme/normalTop.png); position: relative; width: 259px; height: 16px; margin: 0pt;"></div>'

VersionDateLinksStatus
1.0.0-b32008-Sep-04Recommended for 1.0.xThis is currently the recommended release for 1.0.x.
1.0.12008-Oct-27Recommended for 1.2.xThis is currently the recommended release for 1.2.x.
1.0.22009-Aug-01Recommended for 1.3.xThis is currently the recommended release for 1.3.x.

jQuery Highlighter -

Last changed: 22 weeks 9 hours ago

A useful plugin to highlight elements on your site.

Usage

         $(document).ready(function() { 
             $(".jhighlight").jhighlight(); 
         }); 

Features:

  • Keyboard Navigation (arrowkeys + ESC)
  • Highly Customizable
  • Todo Accessible
  • Todo Cross Browser Compatibility
  • Todo
VersionDateLinksStatus
0.5.1-alpha2009-Oct-14Recommended for 1.0.xThis is currently the recommended release for 1.0.x.
0.52009-Oct-13Recommended for 1.3.xThis is currently the recommended release for 1.3.x.
123next ›last »