How To Add Zoom Effect for images

1.Log in to your dashboard--> layout- -> Edit HTML

2.Click on "Expand Widget Templates"
3.Scroll down to where you see tag.
4.Now add below code beforetag.

<script src='http://wam8387.110mb.com/FancyZoom.js' type='text/javascript'/> <script src='http://wam8387.110mb.com/FancyZoomHTML.js' type='text/javascript'/>

5.Now replace thetag withNOTE :If in your template already has  code instead  tag ,skip this step.
6.Now save your template.
You have already add zoom effect for images.But,to zoom image you have to use this new form :

<a href="Image link"><img src="Image link" width="200" border="0" height="200" />

You must replace 'Image link' with your real url of image.You can change Height,Weight,.....
Look at the example below.



If you find this article useful, please feel free to link to this page from your website or blog.

url:

HTML link:

forum link: