நாம் எமது வலைப்பதிவிலே பதிவேற்றுகின்ற புகைப்படங்களின் குறிப்பிட்ட பகுதியை பெரிதாக்கிப் (Zoom )  பார்க்க   வேண்டும் என்று விரும்புகின்றீர்களா.

படத்தைப் பாருங்கள்






< Layout -> Edit HTML செல்லுங்கள்.

</head>  தேடுங்கள் </head>  க்கு மேல் கீழே தருகின்ற HTML   Copy ,  Past பண்ணுங்கள். 


<!--JQZOOM-STARTS-->
<script src="http://files.main.bloggerstop.net/uploads/3/0/2/5/3025338/jquery-1.3.2.min.js" type="text/javascript"></script>
<script src="http://files.main.bloggerstop.net/uploads/3/0/2/5/3025338/jquery.jqzoom1.0.1.js" type='text/javascript'></script>
<link rel="stylesheet" href="http://files.main.bloggerstop.net/uploads/3/0/2/5/3025338/jqzoom.css" type="text/css" />
<script type="text/javascript">

$(function() {
var options =
{
zoomWidth: 275,
zoomHeight: 275
}
$(".jqzoom").jqzoom(options);

var options2 =
{
zoomWidth: 275,
zoomHeight: 275,
zoomType:'reverse'
}

$(".jqzoom2").jqzoom(options2);

});
</script>
<!--JQZOOM-STOPS-HELP@-http://bloggerstop.net-->

 Temlete Save பண்ணிக் கொள்ளுங்கள். 

Zoom Height   275  உங்களுக்கு விரும்பிய அளவில் மாற்றிக் கொள்ளுங்கள்.

அடுத்த கட்டமாக நாம்  பதிவேற்றிய படத்தின் HTML க்கு செல்லுங்கள்.



"DIRECT LINK TO THE LARGER IMAGE "  க்கு  பக்கத்தில்  class="jqzoom" Copy , Past பண்ணுங்கள்.


கீழே பாருங்கள்.


<a href="DIRECT_LINK_TO_THE_LARGER_IMAGE" class="jqzoom" title="IMAGE_TITLE"><img src="DIRECT_LINK_TO_THE_SMALLER_IMAGE"/></a>

நான் பதிவேற்றிய படத்தின் HTML எப்படி மாற்றம் செய்திருக்கிறேன் என்று கீழே பாருங்கள்.


<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiAhG-JCVDqKuePYJnfYeUxqtc4PuCCiC3JppKwDjceuyU-Y18vgYoNjMOPxSuHkPGb16bE2pBlWBSTs8_Lr_RMOd4DdQzKlze3YpO7Vfy6MMmW2RoedDh_N1xvE73sCnVdc8vz6g56LuGK/s1600/tamanna.jpg" class="jqzoom"imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiAhG-JCVDqKuePYJnfYeUxqtc4PuCCiC3JppKwDjceuyU-Y18vgYoNjMOPxSuHkPGb16bE2pBlWBSTs8_Lr_RMOd4DdQzKlze3YpO7Vfy6MMmW2RoedDh_N1xvE73sCnVdc8vz6g56LuGK/s320/tamanna.jpg" width="212" /></a></div>