Monday, April 11, 2011

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 </head> tag.
4.Now add below code before </head> tag.

<script src='' type='text/javascript'/>
<script src='' type='text/javascript'/>

5.Now replace the <body> tag with <body onload='setupZoom()'>
NOTE : If in your template already has <body onload="setupZoom()"> code instead <body> 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.
<a href=""><img border="0" width="200" src="" height="200"/></a>

It will look like on the picture to see effect.


Post a Comment

Dear Visitor If you like my post please post your Comments

Search This Blog