back to the home

Usable Icons for jQuery v1.0

This plugin was conceived to improve usability on website's content, adding an icon on each element called through links. The ones below are supported on this version.

Regular link Link with target="_blank" Link with .pdf Link with .doc Link with .zip Link with .mov Link with .mp3 Link with .psd Link with .swf Link with .txt Link with .wmv Link with .xls Link to print Link for mailto

How to use

Simply add your favorite jQuery version (www.jquery.com), add the plugin file jquery.usableicons.js and add the script call within your document. There is a customization on this:

$().usableicons('#your_id or .your_class or both comma separated');

Don't forget to add the usableicons.css and the icons folder. They contains the classes and icons that the script needs to work.

As I assume that you don't want to add the icons on EACH <a> of your layout, so you can tell the script where to apply it. You can use an #id or a .class or both, it's up to you. Check the source of this same page.

You are free to use it and abuse, customize, and improve it.

©2007 Jorge Epuñan for CSSLab.cl