The Ultimate jQuery List

jQuery Image Color-Up

alkatsaros — Fri, 15 Feb 2013 13:59:58 +0000

With Color-Up jQuery plugin easily add beautiful hover effects to your images, add smooth transitions from (and to) a monochrome, sepia, negative, darkened or lightened version of the image.

animateText

alkatsaros — Fri, 15 Feb 2013 13:57:00 +0000

animateText.js is a jQuery plugin that makes it easy to create text animations like the one seen above. It comes with a few basic animations by default. If they’re not good enough for you, customize them or make your own.

jQuery Thumbnail

alkatsaros — Fri, 15 Feb 2013 13:53:25 +0000

$(“#id”).thumbnail(
{src: ‘image.jpg’,
dest: ‘thumb’,
width: 50,
height: 50});

#id is the id of the canvas tag.
‘image.jpg’ is the image that goes in the canvas tag (left)
‘thumb’ is the id of the thumbnail’s destination (right)
width and height and the size of the thumbnail (default 100)

jQuery Magnifier

alkatsaros — Fri, 15 Feb 2013 13:50:41 +0000

$(“#bigpic”).magnify({small: ‘victoria_small.jpg’, big: ‘victoria.jpg’, dest: ‘zoom’});

#bigpic is your canvas tag; small is your thumbnail (jpg); big is your full picture (jpg); dest is your zoomed canvas tag id;

NatoCallout

alkatsaros — Fri, 08 Feb 2013 13:22:32 +0000

NatoCallout takes a string (as the option “decode”) and, using the the NATO phonetic alphabet*, returns a string with the corresponding callout for each character of the “decode” string. Optionally it will append this string to the selected element(s). This is super useful to help users communicate things like registration codes to others verbally.

jQuery.scribe

alkatsaros — Fri, 08 Feb 2013 13:18:39 +0000

An inline html editor. Scribe only wrap wysihtml5, so you need init him.

Scribe let you save in some manner, easyest way is to let him do the get or post request, on success, editor will be released and original node filled with data returned by server side script, if return nothing, editor data will be used