This plugin will display a thumbnail’s larger image like a tooltip when you hover over the thumbnail. This can be used for sites whose thumbnails and larger images have almost the exact same filenames except for one piece that changes between the two. An example is thumbnails ending with "_thumb.jpg" and large images ending with "_large.jpg". You provide the plugin the filename flags for each size and then when users hover over a thumbnail the plugin will create a tooltip and load the large image by swapping the size flags.

I originally made the plugin for Greasemonkey so I could preview larger images on certain sites without having to click to the next page. It also works great when implemented directly on a site. Example sites that use this filenaming convention are flickr, vi.sualize.us, and tinypic.

magicpreview automatically updates selected elements on a page based on form fields. Perfect for previewing forms, writing blog posts and adding comments.

To link an element to a form field, you will need the id of the element to be equal to the prefix (see code above) plus the name attribute of the form field.

For example, if your prefix was 'mp_' and the form field was <input type="text" name="hello" />, then the element should be something like <div id="mp_hello"></div>