This is going to be anotherexiting trick for all the bloggers. This trick is widely used by photo bloggersand people who maintain galleries. This is Juery zoom in effect. This zoom Jquery effect enlarge a image when you move mouse over it. As we know Jquerymakes the blog more attractive for visitors. It makes dynamic type of websites.
By using this trick you will be able to save the space of your website. Once you applied this the images will zoom onmouse over. This is not the earliest one that I have shown at Enlarge Image on Mouse Hover
Check LIVE DEMO HERE
Isn’tit awesome??
Well,let me explain the process to add this in to your blog;
1. Go to your DASHBOARD>> DESIGN >> EDIT MTHL
2. Now press CTRL + Fon your keyboard and search for the following code
</head>
</head>
3. Next step is to copythe following code and paste it by replacing the code you searched on step 2.
<style type=’text/css’>
img.techblaster{
border: none;
vertical-align: top;
}
</style>
<script src=’https://sites.google.com/site/sajithsandd/home/Zoom.txt’ type=’text/javascript’>
</script>
</head>
img.techblaster{
border: none;
vertical-align: top;
}
</style>
<script src=’https://sites.google.com/site/sajithsandd/home/Zoom.txt’ type=’text/javascript’>
</script>
</head>
4. Save your template
5. Now go again to yourDASHBOARD >> NEW POST >> EDIT HTML
6. Copy the followingcode and paste it
<p>
<img class=”expando” border=”0″ src=”Your Image URL” width=”100″ height=”75″>
<img class=”expando” border=”0″ src=”Your Image URL” width=”100″ height=”75″>
<img class=”expando” border=”0″ src=”Your Image URL” width=”100″ height=”75″>
</p>
<img class=”expando” border=”0″ src=”Your Image URL” width=”100″ height=”75″>
<img class=”expando” border=”0″ src=”Your Image URL” width=”100″ height=”75″>
<img class=”expando” border=”0″ src=”Your Image URL” width=”100″ height=”75″>
</p>
7. Now replace the“Your Image URL” with the image URL. You can any number of images.
8. You can change thesize of the image by editing the values in front of “height” and “width”
9. Now publish the postand view it.
Isn’tit amazing?? Leave your comments below.
Sanjaya සිතුවිලි
