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.
[ ] [ ]
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.
[ ] [ ]
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.
[ ] [ ]
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.
[ ] [ ]
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.
[ ] [ ]
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
[ ] [ ]
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.
[ ] [ ]
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.
To post a comment, you must be registered and logged in. Login or Register
Welcome to Splashnology
Splashnology is an exciting new platform for a Web community dedicated to Web Technology, with a focus on Web Design, Web Development, Gadgets, Graphic Design, Arts, Blogging, SEO, and Freelance. This site's primary purpose is to share Web-related knowledge, resources, and ideas. Anyone — including you — can become an author at Splashnology and post things that might be of interest to our community in personal or general blogs. We love what we do!
We are looking for writers. If you are interested in writing exclusive articles for Splashnology please contact us. Also you can submit any article into your personal blog.
Comments (0)
RSS Collapse / ExpandTo post a comment, you must be registered and logged in. Login or Register