9/03/2013

image effect in blogger post

  • blogger post တင္ရာမွာ ပံုေလးကို အလန္းစားေလးတင္ခ်င္တဲ့ သူငယ္ခ်င္းမ်ားအတြက္ နည္းလမ္းေလးတစ္ခု ေျပာျပခ်င္ပါတယ္ သိျပီးသားသူငယ္ခ်င္းမ်ားေတာ့ ေက်ာ္ဖတ္သြားပါ။  ပံုေလးကို Mouse Hover effect ေလး ထည့္ျပီး ေရးနည္းေလးပါ..။အသံုးျပဳရမွာကေတာ့ ပံုေလး ႏွစ္ပံု လိုအပ္တယ္..။ မူလၾကည့္ေနတဲ့ အခ်ိန္မွာ ပံုေလးတစ္ ျဖစ္ျပီး ေမာက္ကို ပံုေပၚသို႔ ေရႊ႕လိုက္တဲ့ အခါမွာ ေနာက္တစ္ပံု ေျပာင္းသြားတဲ့ effect ေလးျဖစ္ပါတယ္..။Template မွာ ဘာ css ကုဒ္မွ ထည့္သြင္းထားစရာမလိုပဲ html ပံုတင္တဲ့ ကုဒ္ေလးေတြေလာက္ပဲ အသံုးျပဳျပီး တင္တာေၾကာင့္ အရမ္းကို လြယ္ကူပါတယ္..။လြယ္ေပမယ့္လည္း လန္းတယ္ေနာ္ စမ္းၾကည့္လုိက္ပါ။ ေအာက္မွာ DEMO အေနႏွင့္ တင္ထားေပးပါတယ္ခင္ဗ်ာ...။
  • DEMO


          အသံုးျပဳရန္ကုဒ္
<img src="ပထမပံု၏ URL ကို ထည့္ပါ" onmouseover="this.src='ဒုတိယပံု၏ URL ကိုထည့္ပါ'" onmouseout="this.src='ပထမပံု၏ URL ကို ထပ္ထည့္ပါ'" /></a>
  • မွတ္ခ်က္
  • အေရးၾကီးတာကေတာ့ပံု၏ URL ကို ထည္ရာမွာ ( 'URL'" ) အဲဒီပံုစံ အတိုင္းေလးျဖစ္ေအာင္ ထည့္ေပးပါ..။ ဒါဆိုရင္ OK ပါျပီး ..။ အားလံုး အဆင္ေျပၾကပါေစ၊