ဓာတ္ပံုေတြကို zoom လုပ္နည္း

ဒါေလးကလည္း အားလံုးသိၿပီးျဖစ္မွာပါ။ ဘေလာ့ပို႔စ္ ေတြမွာ ပါတဲ့ ပံုေလးေတြေပၚကို mouse တင္လိုက္ရင္ zoom က ႀကီးသြားတာမ်ိဳးပါ။ ထည့္နည္းေလးကလည္း မခက္ပါဘူး..။ ၾကည့္လုိက္ပါအံုး.. က်ေနာ္လည္း ေလွ်ာက္ကလိရင္းနဲ႔ တင္ခ်င္စိတ္ရွိလာလို႔ တင္လိုက္ျပန္ၿပီေပါ့ဗ်ာ..

အဆင့္(၁)။ widget ထည့္တဲ့ ထံုးစံအတိုင္း Layout ထဲက Edit HTML ကို သြားရပါမယ္။
အဆင့္(၂)။ template ကို backup လုပ္ထားဖို႔ မေမ့ပါနဲ႔အံုး။
အဆင့္(၃)။ ၿပီးရင္ </head> ဆိုတာေလးကို ရွာလိုက္ပါ။
အဆင့္(၄)။ ေအာက္မွာ ေပးထားတဲ့ code ေတြကို သူ႔ရဲ႕ အေပၚျဖစ္ျဖစ္၊ ေအာက္မွာျဖစ္ျဖစ္ ထည့္လို႔ ရပါတယ္။

<!--JQZOOM-STARTS-->
<script src="http://s2.sigmirror.com/files/71651_6pfix/jquery1.3.2.min.js" type="text/javascript"></script>
<script src="http://s2.sigmirror.com/files/71652_y16ts/jqzoom.js" type='text/javascript'></script>
<link rel="stylesheet" href="http://s2.sigmirror.com/files/71653_1nf1p/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>

အနီေရာင္နဲ႔ ျပထားတဲ့ ဖိုင္ေတြကိုေတာ့ ျပန္တင္ၿပီးမွ သံုးတာ ပိုေကာင္းပါတယ္။ အားလံုး၀ိုင္းသံုးၾကရင္ barnwith မႏိုင္မွာ စိုးရပါတယ္။
အျပာေရာင္နဲ႔ ျပထားတဲ့ ေနရာေတြမွာေတာ့ ကိုယ္ႀကိဳက္သလို ေပၚမယ့္ပံုရဲ႕ size ကို ျပင္လို႔ ရပါတယ္။
အဆင့္(၅)။ ၿပီးရင္ေတာ့ save template ကို ႏွိပ္လိုက္ပါ။
ဒါဆိုရင္ widget ထည့္တာ ၿပီးသြာပါၿပီ။ ဒါေပမယ့္ ပို႔စ္တင္တဲ့အခါမွာ ေပၚေစခ်င္တဲ့ ပံုေတြကို setting လုပ္ေပးဖို႔ လိုပါတယ္။
ရိုးရိုးတင္တဲ့ ပံုေတြဆိုရင္ေတာ့ ဒီလို ရွိေနမွာ ျဖစ္ပါတယ္။

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

အဲလို ရွိေနတာကို zoom effect နဲ႔ ေပၚခ်င္လို႔ ရွိရင္ ေအာက္ကအတိုင္း အနီေရာင္နဲ႔ ျပထားတဲ့  class="jqzoom"  ဆိုတာေလး ျပင္ေပးလိုက္ရံုပါပဲ။

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

 ၿပီးပါၿပီ ...