welcome to Sawlinux, this is sharing the site of PC

Video Post


stat counters
Follow us on Twitter Subscribe to RSS Subscribe via Email

Wednesday, January 27, 2010

Saw Linux  /  8:22 PM  /    /  No comments
ZenZoom Effect Image View ဆိုတာ ဘာလဲလို႔သိခ်င္ရင္ ဓာတ္ပံုကို ေမာက္စ္နဲ႔
ထိရံုျဖင့္သိႏိုင္ပါတယ္။ ZenZoom Effect Image View ျပဳလုပ္နည္းကေတာ့ ေအာက္
ပါအတိုင္း ပါပဲ။ လြယ္ပါတယ္။

အဆင့္ (၁) Log in your blogger account, go to your source code and find the ]]></b:skin> then add this code before it :

img.expando{ /*sample CSS for expando images. Not required but recommended*/
border: none;
vertical-align: top; /*top aligns image, so mouse has less of a change of moving out of image while image is expanding*/
}


အဆင့္ (၂) Next, find the </head> tag and add 2 script before it:

<script src="http://jqueryjs.googlecode.com/files/jquery-1.3.2.min.js" type="text/javascript"></script>
<script type="text/javascript" src="zenzoom.js">

/* Expando Image Script ©2008 John Davenport Scheuer
as first seen in http://www.dynamicdrive.com/forums/
username: jscheuer1 - This Notice Must Remain for Legal Use
*/

</script>


အဆင့္ (၃) ကဲေနာက္ဆံုးဒီတစ္ခုကေတာ့ ပို႔စ္တင္တဲ့အခါ ေအာက္ပါ codeေတြကို copyလိုက္ပါ Image URL here
ကိုယ့္လင့္ကိုထည့္ပါ
<img class="expando vacation" border="0" src="Image URL here" width="100" height="66">


http://zenplate.blogspot.com/2009/06/auto-zoom-image.html



ေစာလင္းနက္စ္

0 comments:

Post a Comment

Search