ImageHighlighter v1.01

This plugin was inspired by the GalleryView plugin. I've left the original image and descriptions from that site below as well as an additional example. For more details visit my blog.

Anatomy of a Gallery

Mouseover the links below to view the various elements that make up GalleryView. Double click to enable edit mode using the jCrop plugin.

The GalleryView plugin layout consists of the panelAll your content lives here. Use an image for photo galleries, HTML for text content. Use iframes or AJAX to view content from other pages or websites. which contains the content. Partially covering this content is an overlayAn optional element that lets you give a little more information about the content in each panel. Overlays can be placed at the top or bottom of your panels where you can add descriptions. The filmstripThumbnails for all your panels are displayed here. Extra frames are displayed as the gallery moves from panel to panel. The filmstrip can reside at the top or bottom of the gallery portion contains some of the other framesThe filmstrip consists of frames, each containing a small image representing the corresponding panel. you can view by just clicking on it. Of course each frame has a captionOptional element to give users a title for each frame. If enabled, captions are populated from each images "title" attribute. containing the title of the frame.

IrfanView

Mouseover the links below to view the various elements that make up the Irfan window. Double click to enable standard edit mode.

  • Header

    This is the Window Header

  • Menu Bar

    This is the Menu Bar, click on any of the words to open a menu

  • Toolbar

    This is the Toolbar. The most used options from the menu are usually placed here

  • Avatar

    The avatar I always use :P

  • Status

    This is the status bar that shows useful information


Get the plugin (zip includes entire demo):
Uncompressed | Minimized | Zipped | GitHub

Version History:
  • v1.01 (07-06-2010) The ImageHighlighterEditor extension was split out from the original plugin & made compatible with jCrop plugin.
  • v1.0 (06-30-2010) Major overhaul of code & renaming of plugin.
  • v.91 (09-29-2009) Fixed a few bugs with edit mode.
  • v.90 (09-26-2009) Initial plugin Build.

Known bugs:
  • When the window is repositioned, the highlights may be off until it is refreshed again when you hover over a link (especially while in edit mode), and sometimes you'll need to reload the page.

Contact:
  • If you find any bugs or suggestions, you can contact me at wowmotty at g mail dot com
Basic Functionality:
  • Hover over one of the links to see a highlight box appear over the image.

Editor with Jcrop plugin:
  • Switch into & out of edit mode by double clicking on the gallery image.
  • Coordinates appear after you click and draq out a box over the image.

Basic Editor Functionality:
  • Switch into & out of edit mode by double clicking on the IrfanView image.
  • Coordinates appear when moving over the image.
  • A single click will lock these coordinates, so you can grab the values.

Setup:
  • For more detailed instructions on how to set up the imageHighlighter plugin, please read the documentation.