The JavaScript blog.


jquery plugins galleries slideshow sortable

jQuery Roundup: Plugin Registry, imagemax, jQuery Sortable

Posted on .

Note: You can send your plugins and articles in for review through our contact form or @dailyjs.

jQuery Plugin Registry

jQuery: Write once, do more, then write a weird framework-specific manifest file, learn Git, then share!

The new jQuery Plugin Registry has finally been released. It's based on WordPress, and you can download the source from GitHub: plugins.jquery.com.

To list a plugin on the registry, take a look at the Publishing Your Plugin guide. The workflow is based around Git, and you'll need to write a jquery.json manifest file so the registry can display appropriate metadata. Even though dependencies are listed, there isn't an official automated tool for installing them (a jQuery npm or component equivalent):

If you're looking to just browse and use jQuery plugins in your application or site, not a lot has changed. Plugins each have basic pages that provide a link to the plugin download, as well as past versions, documentation, issue tracker, and source code repository. Download links may serve you a zip file with the plugin assets, or link to the best resource to download the build of the plugin you're looking for.

Given the amount of people writing JavaScript libraries with an optional jQuery support layer, having to add an extra file just to get published on a website seems odd to me. While it means you don't need to create an account on the plugin registry site, people will end up with several json files littering their repositories and getting out of sync. There's probably already a Node tool for automatically generating jQuery, Component/Bower, and npm/Ender json files.


imagemax (GitHub: zerostatic / imagemax, License: MIT) by Matt Wallace is a fullscreen slideshow plugin. Images are displayed in the background and scaled to fit the window.

Like other gallery plugins, this one will display a set of images in a container, but it also takes an array of images as an argument:

  imageArray: ['img/bg1.jpg','img/bg2.jpg','img/bg3.jpg']
, autoPlay: 4000

jQuery Sortable

jQuery Sortable (GitHub: johnny / jquery-sortable, License: BSD3) by Jonas von Andrian is a drag-and-drop sort library that doesn't require jQuery UI. It supports nested lists, and the demo (with default options) shows a nice "drop" indicator so it's easy to see where an element is being moved to.

The author has demonstrated it being used with Bootstrap, and it works well with Bootstrap's markup and styles. It allows tables to be sorted, but this won't work as well in Konqueror or IE.