Design, CG Graphics & Inspiration
8 jQuery plugins you will probably want to use

8 jQuery plugins you will probably want to use

This post presents 8 useful jQuery plugins which you can use in your future projects.

The simplicity, advanced features and strong support are common arguments for developers preferring jQuery against other JavaScript-frameworks. In fact, jQuery is one of the most popular JavaScript frameworks, with powerful tools that can significantly improve the user’s interaction with Web applications. jQuery has an additional advantage in that it allows developers to select elements on a page using CSS-like syntax. Let’s start.

qTip


qTip is a tooltip plugin for the jQuery framework. It’s cross-browser, customizable and packed full of features!

It is recommended you download the latest version of qTip to ensure you have the latest bug fixes and features available to date. You can do this by visiting our download page which features the latest library version under the “Latest version” section.

[ Download ] [ DEMO ]

Easy Tooltip


By default this plugin will read the title attribute of the element and convert it into fade-in tooltip that you can style any way you want. Important note, it doesn’t have to be an anchor tag. You can apply this script to any element(s) you want.

The one big thing that makes this different from my first version is that you are now allowed to put custom content, any html content you want – images, long paragraphs, link lists… anything. If you hate writing HTML code inside a JavaScript variable, this plugin allows you to use inner HTML from any element on the page. It means that you can write HTML directly on the page, as you normally do, hide that element with CSS and have it appear as a tooltip on mouse over. Take a look at the demos for more info.

[ Download ] [ DEMO ]

Uploadify


Uploadify is a jQuery plugin that allows the easy integration of a multiple (or single) file uploads on your website. It requires Flash and any backend development language. An array of options allow for full customization for advanced users, but basic implementation is so easy that even coding novices can do it.

Uploadify is available under the GPL and MIT licenses. This allows Uploadify to be used in a number of applications and commercial products.

[ Download ] [ DEMO ]

jqUploader


jqUploader is a jquery plugin that substitutes html file input fields with a flash-based file upload widget, allowing to display a progressbar and percentage. It is designed to take most of its customization from the html code of your form directly – so you don’t have to do things twice . For instance, the maximum file size, if specified via html, will be recognized and used in the rich upload interface generated by jqUploader.

The plugin uses the form action attribute value (normally pointing to a server side script handling the upload and other data manipulations, and appends a variable “jqUploader=1” so that the upload code is initiated when it sees that key/value is on the posted data.

[ Download ] [ DEMO ]

ThickBox


ThickBox is a webpage UI dialog widget written in JavaScript on top of the jQuery library. Its function is to show a single image, multiple images, inline content, iframed content, or content served through AJAX in a hybrid modal.

[ Download ] [ DEMO ]

FancyBox


FancyBox is tool for displaying images, html content and multi-media in a Mac-style “lightbox” that floats overtop of web page. It was built using the jQuery library. Licensed under the MIT License.

Features:

  • Adds a nice drop shadow under the zoomed item
  • Groups related items and adds navigation (preloades images)
  • Can display images, inline, ajax and iframed content
  • Customizable through settings and CSS
  • Support fancy transitions by using easing plugin

[ Download ] [ DEMO ]

Star Rating


The Star Rating Plugin is a plugin for the jQuery Javascript library that creates a non-obstrusive star rating control based on a set of radio input boxes.

It turns a collection of radio boxes into a neat star-rating control. It creates the interface based on standard form elements, which means the basic functionality will still be available even if Javascript is disabled. In read only mode (using the ‘readOnly’ option or disabled property), the plugin is a neat way of displaying star-like values without any additional code.

[ Download ] [ DEMO ]

Star Rater


This rater is based on the code Ritesh Agrawal did. Unfortunatly his CSS and the hover technique breaks in some browsers. So i thought, why not use the best CSS star-rater known to man kind and throw it in the mix. I have used the CSS and technique from Komodo Media since it is stable and tested on many, many browsers.

[ Download ] [ DEMO ]

  • Splashnology Editors,
  • October 10, 2009

SHARE THIS POST

This post has been written by the team here at Splashnology.com

Subscribe for the hottest posts

Subscribe to our email newsletter for useful tips and freebies.