February 4, 2009

jQuery Image Preview – New Plugin “imgPreview”

Posted in Usability, jQuery by Gergely Marton | Tags: interface, JavaScript, jQuery

The ‘imgPreview’ plugin allows your users to preview an image before clicking on it and, out of necessity, will preload the image so when a user does click through to it there is no waiting time!

The image preview shows up in a tooltip-like box appearing alongside the user’s cursor when hovering over a link. The plugin is entirely unobtrusive; it does not require any hooks to target specific links (no non-semantic classes); it will automatically detect the anchors that are linking to images and will only apply the preview effect to them.

Source: http://james.padolsey.com/javascript/new-jquery-plugin-imgpreview/

Author: Gergely Marton (20 Articles)

Marton Gergely is a self-tought web designer and developer with over seven years of experience. He owns his own little web design agency WebGurus, and runs this blog in his spare time. Usually the work gets more important for him than anything else, but he struggles to get some time to read and to play his violin.

5 Comments to “jQuery Image Preview – New Plugin “imgPreview””

February 18, 2009 at 3:22 am
Danielloo says:

Hi cool plugin… do you know how to insert this in 2 wordpress !?
February 18, 2009 at 3:33 am
Gergely Marton says:

Hi Daniello,

You can easily do that by following the tutorial of the script. You just include in your head.php file the javascripts and you set every image in your posts to have class=”imagePreview” for example.

I will write a tutorial this week about this.

Thanks for the comment!
February 19, 2009 at 10:43 pm
Danielloo says:

Hey… No problem =) Great I try to follow the instructions. Lookin forward to that tutorial. I’m using woo theme template for my blog and I get confused with the php. No problem installing in html.
July 7, 2009 at 2:27 pm
visit says:

Like the site very much, thanx 4 your efforts webmasters
July 19, 2009 at 5:55 pm
arizona car cheap insurance says:

I love this site, there is so much information to be found. Thank you.