The Best jQuery Plugins
19 Jan
jQuery is a fast and concise JavaScript Library that simplifies HTML document traversing, event handling, animating, and Ajax interactions for rapid web development. jQuery is designed to change the way that you write JavaScript.
Download the newest version of Jquery for use with these plugins here.
MOPSLIDER 2.5

Mop Slider is a revolving image gallery plugin with functionality for auto-rotation or user-rotation.
JSSPELLCHECK

Integrate spell checking into web pages as a JQuery UI Dialog. Ideal for intranet applications where additional control over browser’s built in spell checking is desired.
OPENID LOGIN

This plugin will add easy login support for the most popular OpenID RP’s such as Google, Yahoo, AOL, and more. The inspiration for this plugin is based on openid-selector, openid-realselector, and ID Selector. This selector is different because it does not hide the markup details in javascript. Therefore, you can easily add new providers or rearrange the existing ones without digging into the javascript. The login form will still work for normal OpenID logins if javascript is disabled.
GALLERYVIEW

GalleryView is a content-gallery plugin capable of displaying any HTML content in an animated gallery view. Visit the project home page for documentation and demonstrations.
GalleryView requires the jQuery Timers plugin to facilitate timing of animation events. I have included a copy of jquery.timers-1.1.2.js with the plugin files.
I also recommend the jQuery Easing plugin to create a smoother filmstrip animation.
GalleryView is available for use in all personal and commercial projects under the MIT license. If you are using GalleryView 1.1 or below, please download a copy of this license and include it with the plugin files. The license will be included with the next version of the plugin.
BS SOUND

With this plugin you will be able to add mp3 file to your page without any player. Just with custom button.
Just Make your link ( A Tag ) and target it to your mp3 file . Dont forget to set the proper ID for your link.
JTEXTTRANSLATE: A JQUERY TRANSLATION PLUGIN

The double-click functionality in the New York Times was somehow fascinating but also highly discussed because it boldly used the browser functionality to get the definitions of words. Fortunately, the double click now causes not an immediate popout to appear but lets the user confirm by showing an interrogation mark.
This inspired me to create a new jQuery plugin for translating text. Imagine, how users that don’t have English as their first language could profit from an integrated functionality to translate e.g. an article.
The plugin works with the Google Language API and can be used to translate a text in all the languages provided by the API.
You can call the plugin like this:
$(element).translate()
And you can configure the plugin in the following way:
1. original: the language shortage of the initial language (default is “en”)
2. notfound: the message shown when no translation was found
3. title: The title of the translation overlay
4. firstOptionText: the text shown as first option in the languages drop down
REALTIME RELATED TWEETS BAR

With all the buzz lately about Twitter real-time search. Why don’t you add a real-time tweets bar related to your posts from your twitter timeline or from anybody or even limit it by a geocode coordinates.
This is a highly customizable real-time Twitter search-driven bar of tweets related to your post.
Features
1. Show realtime related tweets based on your post tags.
2. Show your twitter timeline; related to your post or not.
3. Return only tweets with links or return all.
4. Limit tweets by 1 or more users. (from/to/mention users!)
5. Limit tweets by a location geocode and a radius.
6. Search by tags in Or-ing or And-ing mode.
7. Many tweets transition options like opacity, height, font-size.
8. Each part of the tweet like Avatar, links, Hashtags.. has its own class so you can customize its style.
9. Show or hide some parts of the tweet like avatar, author name, date.
10. Use a typical JS call or auto-load div elements that have “related-tweets” class.
PRETTYPHOTO, JQUERY LIGHTBOX CLONE

A jQuery lightbox clone with:
- Theme support;
-Gallery support;
-Smooth animations;
Here’s my jQuery lightbox clone, I did it because those available are either not close enough to the real lightbox (lacking animations, not supporting galleries, etc ,etc) or were just not suiting my need.
It supports all major browser and is in constant evolution.
CJ IMAGE VIDEO PREVIEWER

Mimics the video preview thumbnails you find when you visit sites like YouTube or other video sites, you can mouse over a thumbnail and then it begins cycling through a bunch of frames from the video clip.
Videos most likely are going to have 20-30 video blocks, that in theory could hold 10-20 images. It could take forever to load all those images at once. So I’ve implemented a method of loading the images ONLY if a user mouses over the thumbnail. You can control the animation frame delay as well as turn on or off the image loading progress bar.
JQUERY SIMPLE CAPTCHA

SimpleCaptcha allows you to drop in an easy-to-use and understand captcha implementation for helping to curb spambots on your system. The plug-in makes things very easy for you with a limited amount of setup required and standard xhtml and css classes in place to make changing the appearance super easy.
Feature Highlight:
Simple, easy-to-use CAPTCHA implementation
Uses human-understandable images instead of hard to read text
Easy to set-up, just just update the image list in the PHP script
Events triggered to hook into processing
Standard-compliant xhtml with extensive classes used to allow for easy UI manipulation through CSS
Lightweight (2.47kb minified)




Very informative post. This is very useful for web designers.
Glad you liked the post Jerez. I’ll keep posting web design related articles.
Great ! I was considering integrating the OpenID plugin for my comment form ( although Im not sure as to how my site will load w/ yet 1 more plugin at this point ! ) I will give it a shot and see how it goes . The JText Translate looks like a great plugin for sites which are not in English or for users who wish to offer their site content in other languages to their readers – although, again : not sure about what the page load increase will be w/ implementing too many plugins . I suppose the only way to find out is through trial & error .
Thank you for putting this list together !
M.
@Mia, I have chosen to do whatever I can to keep plugins off my site. I notice less java and less plugins = faster page load times.