Wednesday, 5 December 2012

Hover-Zoom 1.0 - Facebook style zoom on Image hover - inspired by GoPhoto.it


This Javascript plugin
- displays a your images in full size when the mouse hovers over them.
Just include this plugin and all images in your webpage will have the Hover-Zoom effect!

Catch the improved Hover-Zoom 2.0 !




Download Pack     Live Demo    


How to use:

The download pack contains two files - hover_zoom.html and the plugin file hover_zoom.min.js.

1. Include the plugin

Include the JS file in the <head> section of your webpage and you're done!
All <img> tags will have the Hover-Zoom effect. 

<head>
 <script src="http://code.jquery.com/jquery-latest.js"></script>
 <script src="./hover_zoom.min.js"></script>
</head>


Let me know if you face any issues.
Posted by at

2 comments:

  1. This is cool plugin and load faster... Can we use it on blogspot blog ?

    ReplyDelete
    Replies

    1. sure you can use it on your blog ... just include the script tag in the post that needs this effect.

      If you need it in your complete blog, just include the script in your blog template..

      Why don't you try out the latest version of this plugin -
      Hover Zoom Extended

      http://www.codehandling.com/2013/01/hover-zoom-extended-dynamicbackground.html

      Delete

Subscribe to: Post Comments (Atom)