1st , log in Blogger > Layout > Edit HTML then add this code below before </head> tag:
<script src='http://shibin.110mb.com/FancyZoom.js' type='text/javascript'/>
<script src='http://shibin.110mb.com/FancyZoomHTML.js' type='text/javascript'/>
Ok now next step, you have to change the <body> by <body onload="setupZoom()"> instead
Save! You have already created zoom effect for images. However ,to zoom image you have from now , you don't have to use the tag <img src="Image link" /> to add image anymore , but you have to use this new form :
<a href="Image link"><img src="image link" width="300" border="0" height="200" />
Note:
Image link : support jpg, png, gif ...
Width : thumbnail width.
Height: thumbnail height.
Border: thumbnail border.
For example :
<a href="http://img193.imageshack.us/img193/6925/flowersandswirls.jpg"><img src="http://imgcash2.imageshack.us/img193/6925/flowersandswirls.th.jpg" width="300" height="200" border="0" /></a>
0 comments:
Post a Comment