ဓာတ္ပံု စလုိက္ရွိဳး လုပ္ဖို႔ HTML ကုဒ္နဲ႔ ထုတ္ေပးတဲ့ ဆိုဒ္ေလးတစ္ခုကို မိတ္ဆက္ေပးခ်င္ပါတယ္။
ဓာတ္ပံု စလုိက္ရွိဳးလုပ္ေပးတဲ့ ဆိုဒ္ေတြ မ်ားစြာ ရွိပါတယ္။ ဂူဂဲမွာ Online Photo Slide Show စသည္ျဖင့္ ရွာခိုင္းလိုက္ရင္ မ်ားစြာ ရွိမွန္ သိႏုိင္ပါတယ္။ မန္ဘာ မ၀င္ဘဲ လုပ္လို႔ ရတာေရာ၊
မန္ဘာ ၀င္ရတာေတြေရာေပ့ါ။
ဒီဆိုဒ္ေလးကေတာ့ အပ္ပေလာ့ တင္လို႔ မရပါဘူး။ ဓာတ္ပံု လင့္ကို တစ္ခါတည္း ထည့္ရမွာပါ။
သူမ်ား ဆုိဒ္ေတြမွာ အပ္ပေလာ့ တင္ရတာ သိပ္ စိတ္မခ်ရပါဘူး။ သူတို႔ ဆုိဒ္က အေၾကာင္းတစ္ခုခုေၾကာင့္
ပ်က္သြားရင္ ကိုယ္တင္ခဲ့တဲ့ ဓာတ္ပံုလင့္ေတြ ေသကုန္ေရာ။ ႏွေမ်ာစရာေပ့ါ။
ဒါေၾကာင့္ ကုိယ့္ ဘေလာ့မွာ ဓာတ္ပံုေတြကို အပ္ပေလာ့တင္ၿပီး ရလာတဲ့ လင့္ေလးေတြကို
အခုေပးမည့္ ဆိုဒ္ေလးထဲမွာ ထည့္ၿပီး ဓာတ္ပံု စလိုက္ရွိဳးေလး လုပ္ႏုိင္ပါတယ္။
ဒီဆုိ္ဒ္ေလးမွာ ဓာတ္ပံု တစ္ပံုမွ တစ္ပံုေျပာင္းတာကို စကၠန္႔ေလးကို လိုခ်င္သေလာက္ ခ်ိန္ယူလို႔ ရပါတယ္။
Autoplay Delay ဆိုတဲ့ေနရာမွာ ခ်ိန္ေပ့ါ။
Slide Show Title ဆိုတဲ့ ေနရာမွာေတာ့ ဓာတ္ပံု အယ္ဘမ္ေလးရဲ႕ ေခါင္းစဥ္ကို ေရးေပ့ါ။
စလုိက္ရွိဳး နမူနာေလးလည္း တင္ေပးလုိက္တယ္ေနာ္။
ဆိုဒ္ေလးကေတာ့ ဒီမွာ ပါ။
Start ဆိုတဲ့ ခလုပ္ကို ႏွိပ္လိုက္ရင္ စလုိက္ရွိဳး စတင္ပါလိမ့္မယ္။
ဆိုဒ္မွာ သြားလုပ္ရတာ အခ်ိန္ကုန္မွာ ေၾကာက္ရင္ ကုဒ္ကို တစ္ခါတည္း ေပးလုိက္မယ္။
ေအာက္က ကုဒ္ေတြထဲက အ၀ါေရာင္ျပထားတဲ့ ကုဒ္ကို ပြားယူၿပီး အလိုရွိသေလာက္ ဓာတ္ပံုေတြ ထည့္ေပေတာ့ခင္ဗ်ာ။
ကုဒ္မ်ား
Start ဆိုတဲ့ ခလုပ္ကို ႏွိပ္လိုက္ရင္ စလုိက္ရွိဳး စတင္ပါလိမ့္မယ္။
ဆိုဒ္မွာ သြားလုပ္ရတာ အခ်ိန္ကုန္မွာ ေၾကာက္ရင္ ကုဒ္ကို တစ္ခါတည္း ေပးလုိက္မယ္။
ေအာက္က ကုဒ္ေတြထဲက အ၀ါေရာင္ျပထားတဲ့ ကုဒ္ကို ပြားယူၿပီး အလိုရွိသေလာက္ ဓာတ္ပံုေတြ ထည့္ေပေတာ့ခင္ဗ်ာ။
ကုဒ္မ်ား
<center> <script type="text/javascript">
// Author: ricocheting.com
// Description: slideshow that allows visitors to flip
through a series of images on your website
var x=0;
function rotate(num){
fs=document.ff.slide;
x=num%fs.length;
if(x<0) x=fs.length-1;
document.images.show.src=fs.options[x].value;
fs.selectedIndex=x;}
function auto() {
if(document.ff.fa.value == "Stop"){
rotate(++x);setTimeout("auto()", 4000);}}
</script>
<form name="ff">
<table cellpadding="3" style="border:1px
black solid;border-collapse:collapse;">
<tr><th align="center">ဒီေနရာမွာ ဓာတ္ပံု အယ္ဘမ္ေခါင္းစဥ္ကို ေရးပါ။ </th></tr>
<tr><td align="center">
<img src=" ဒီေနရာမွာ
အစဆံုး ေပၚေစခ်င္တဲ့ ဓာတ္ပံုလင့္ကို ထည့္ပါ။ " name="show"
/>
</td></tr>
<tr><td align="center"
style="border:1px black solid;">
<select name="slide"
onchange="rotate(this.selectedIndex);">
<option value=" ဒီေနရာမွာ
ဓာတ္ပံုလင့္ကို ထည့္ပါ။ " />
<option value=" ဒီေနရာမွာ ဓာတ္ပံုလင့္ကို
ထည့္ပါ။
" />
</select>
</td></tr>
<tr><td align="center"
style="border:1px black solid;">
<input type="button"
onclick="rotate(0);" value="ll<<"
title="Jump to beginning" />
<input type="button"
onclick="rotate(x-1);" value="<<"
title="Last Picture" />
<input type="button" name="fa"
onclick="this.value=((this.value=='Stop')?'Start':'Stop');auto();"
value="Start" title="Autoplay"
style="width:75px;" />
<input type="button"
onclick="rotate(x+1);" value=">>"
title="Next Picture" />
<input type="button"
onclick="rotate(this.form.slide.length-1);"
value=">>ll" title="Jump to end" />
</td></tr></table></form><center>
0 သူတို႔ေရးသား အမွတ္တရစကား:
Post a Comment
((( ရင္ထဲက စကားေလး အမွတ္တရ ထားခဲ့ႏုိင္ပါတယ္ )))