A few months ago, Ben Nadel programmed a little proof-of-concept for Flickr-style photo tagging using jQuery. He did it as an exploration in mouse-based event binding. He took a step further and packaged the jQuery code up into a jQuery plugin (phototagger.jquery.js), build a light-weight ColdFusion persistence layer (drop-and-run, no database required), and turned it into an official project: jQuery Photo Tagger.

jQuery Photo Tagger comes in at about 1,000 lines of code. As such, you can either check out the project page or try the online demo for yourself. Please note that you have to hold CTRL key when clicking mouse to create hotspot.

 

Published under: Tooltips | License Free

jQuery-Notes is a simple and easy to use jQuery-Plugin that allows you to add notes to any image (even foreign ones) on your website or blog.

jQuery-Notes Features:

  • add notes to any image
  • many setting options
  • totally scalable
  • changeable look via css
  • link images
  • no database required

 

Published under: Tooltips | CC License

TipTip is a very lightweight (only 3.5kb minified) and intelligent custom tooltip jQuery plugin, it uses no images and is completely customizable via CSS.

TipTip detects the edges of the browser window and will make sure the tooltip stays within the current window size. As a result the tooltip will adjust itself to be displayed above, below, to the left or to the right of the element with TipTip applied to it, depending on what is necessary to stay within the browser window.

 

Published under: Tooltips | GPL License | MIT License

AeroWindow  is a jQuery plugin for creating Windows 7-like aero style pop-ups.

The pop-ups not only look like a native Windows element but also behave similarly as well with the minimize, zoom, maximize and close functions.

There can be multiple pop-ups in one page where the active one is highlighted visually.

All can be resized, drag'n dropped or maximized with double-clicks, all like Windows.

AeroWindow has various options like defining:

    - window titles
    - start positions (x-y or centered)
    - standard and minimum sizes
    - getting the status of an open window
    - applying animations on windows


The plugin is pretty awesome specially for anyone who wants to build an OS-like web interface.

Requirements: jQuery
Compatibility: All Major Browsers
Website: http://www.soyos.net/aerowindow-jquery.html
Demo: http://www.soyos.net/tl_files/demos/aero-window/

Published under: Popup | Tooltips

Cloud Zoom is a jQuery image zoom plugin, a comparable alternative to products such as Magic Zoom. Compared to the popular jQZoom plugin, Cloud Zoom is smaller, has more features and more robust compatability across browsers, it's really small 6Kb and works with most browsers (tested on IE6+, Firefox, Chrome, Opera, Safari).

You can add tints of any colour (including black or white) to the small image, zoom position can be inside the smaller image, and apply a subtle soft-focus effect to the small image.

 

Published under: Tooltips | MIT License