JQuery image magnifier script

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" /> 

Share