Saturday, April 16, 2011

0

JQuery image magnifier script

  • Saturday, April 16, 2011
  • Share
  • This script helps in presenting the image in a very beautiful way in your blog.
    It helps to present images with size more than the post area in a smaller size and then magnify it to see its enlarged view.

    This script is given by Dynamicdrive so you can find its original at the site.

    Here’s the demo of the script

    This is the script for the magnifier.Just place it above the </head> tag

    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
    <script type="text/javascript" src="http://www.yourjavascript.com/560192341/magnifier.txt.js">
    </script>
    Now to use this script with the images just use the class magnify.See example below.
    <img class="magnify" magnifyby="3" style="width: 200px; height: 250px;" src="http://i48.tinypic.com/e9heux.jpg" alt="" id="BLOGGER_PHOTO_ID_5361650096596248578" border="0" />

    0 Responses to “JQuery image magnifier script”

    Post a Comment

    Related Posts Plugin for WordPress, Blogger...