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.

1.3.x


(mb)Extruder, slide extra content or a navigation tool in your page

Submitted by pupunzi on October 27, 2009 - 7:26pm

A good way to have extra content or a navigation tool in your page!

This jquery component let you easly build a sliding panel where to insert any kind of content; it has builtin all the functionalities for managing menu lines and sub panels with accordion effect. It can get the content via ajax and therefore you can dynamically build it by passing DATA via request using the metadata attribute settable on the extruder container.

demo page:
http://pupunzi.com/#mb.components/mb.extruder/extruder.html

download page:
http://pupunzi.open-lab.com/mb-jquery-components/jquery-mb-extruder/

Dependencies:

  • jquery.hoverIntent.js
  • jquery.metaData.js
  • jquery.mb.flipText.js (soon available as stand alone)

(mb)Menu, a powerful jQuery multilevel tree menu

Submitted by pupunzi on January 7, 2009 - 5:17pm

This is a powerful component to build easily a multilevel tree menu or a contextual menu (right click) in an intuitive way!

Dependencies:

none

here is the js call:

$(”.myMenu”).buildMenu(
{
  template:”menuVoices.jsp”,
  additionalData:”",
  menuWidth:200,
  openOnRight:false,
  menuSelector: “.menuContainer”,
  iconPath:”ico/”,
  hasImages:true,
  fadeInTime:200,
  fadeOutTime:100,
  adjustLeft:2,
  adjustTop:10,
  opacity:.95,
  shadow:true,
  closeOnMouseOut:true,
  closeAfter:500,
  minZindex:"auto", // or number
  hoverIntent:0, //if you use jquery.hoverIntent.js set this to time in milliseconds; 0= false;

});

or you can call it as contextual menu:


$(document).buildContextualMenu(
{
template:”menuVoices.html”,
menuWidth:200,
overflow:2,
menuSelector: “.menuContainer”,
iconPath:”ico/”,
hasImages:false,
fadeInTime:200,
fadeOutTime:100,
adjustLeft:0,
adjustTop:0,

Date Validation

Submitted by carlosjrcabello on October 13, 2010 - 2:22pm

This plugin make the validation of dates in with this format 'dd/mm/YYYY' easy. You can validate direct across of jQuery selectors.

if( $('#my-date-field').dateValidate() == true)
{
   // make anything
}

gravatarImg

Submitted by vrana on October 13, 2010 - 9:00am

Set image src attribute to Gravatar's avatar generated from e-mail address. Usage:

$('#gravatar').gravatarImg(email, '?s=80&d=mm');

Requires jQuery.md5.

Easy Gallery for jQuery

Submitted by alaa_badran on October 12, 2010 - 4:02pm

Easy Gallery

An easy jquery image gallery slider. Simple code and simple HTML code.
Simple as:

* including the script to your web page.
* add this code: $("#galleryID").egallery();

Options

Options to be passed to customize it more:
Example: $("#galleryID").egallery({ width:500,
height:230,
easing: 'easeInOut',
speed: 1000
});

width: 400, // Width for gallery holder, li
height: 400, // Height for each element
speed: 600, // Animation speed in MS
delay: 3000, // delay for auto play to transact.
easing: 'swing', // Easing animation. require to include easing plugin
thumbs: 'none', // Thumbs: none, numbers, image OR custom
thumbClass: '', // Thumb CSS class
thumbImage: '', // Image url for thumbs.
aClass: '', // Thumb active class
auto: true // True to enable auto play

betterSelects - Much better HTML select-elements

Submitted by rogerjose81 on October 10, 2010 - 2:57pm

Introduction: This plug-in is intended to "transform" the old-fashioned HTML select-elements in much more sophisticated and flexible controls (see a demo here). The plugin is released under the Apache License version 2.

Background: a normal HTML select element is too much rigid regarding the customization of its look and feel, as it does not support the coolest CSS effects (aka rounded corners, transparency, shadows, columns, animations, etc.). Thus, to count with such features in that control is the purpose of this plug-in.

Currently supported features:

  • displaying items in columns
  • transparency
  • rounded corners
  • animations
  • shadows
  • customization of the expansion button
  • degrades successfully when JavaScript is not enabled

lazyHandler

Submitted by muratcorlu on October 9, 2010 - 11:08pm

lazyHandler is a jQuery plugin that gives ability to add event handlers to any DOM elements more efficiently and gives more "onload" performance on web pages that has lots of event bindings.

getScriptRetry

Submitted by tfe on October 9, 2010 - 8:19pm

Extended version of jQuery.getScript() that retries failed requests and (bonus!) allows responses to be cached.

No published releases; get it directly from the homepage on GitHub.

jQuery Youtube Player

Submitted by RichardW on October 9, 2010 - 12:55pm

A chromeless youtube video player, with customizable toolbar and playlist. The plugin has a large public API and many callback events, making it easy to change/extend to your liking.

Demos:

Please view the Examples or the Project page for more examples, documentation, issue tracker and downloads.

qslideshow

Submitted by liuhan on October 9, 2010 - 3:29am

A image slide show with snapshot images on the left and the right side of the big picture