W3.JS HTML ဆလိုက်ရှိုးများ
စလိုက်ရှိုးကို စတင်ပါ-
w3.slideshow(selector, interval (milliseconds))
ဥပမာ
<img class="nature" src="img_snowtops.jpg">
<img class="nature" src="img_mountains.jpg">
<img class="nature" src="img_nature.jpg">
<script>
w3.slideshow(".nature");
</script>
Autostart မရှိပါ။
ဆလိုက်ရှိုးကို အလိုအလျောက်စတင်ခြင်းမှ ကာကွယ်ရန်၊ ကြားကာလ ဘောင်ကို 0 သို့ သတ်မှတ်ပါ-
ဥပမာ
w3.slideshow(".nature", 0);
နောက်တစ်ခု Slide
စလိုက်ရှိုးကိုကြည့်ရှုရန် ခလုတ်များထည့်ပါ-
သင်သည် စလိုက်ရှိုးတစ်ခုကို စတင်သောအခါ၊ w3.slideshow() လုပ်ဆောင်ချက်သည် စလိုက်ရှိုးကို ကိုယ်စားပြုသည့် အရာတစ်ခုကို ပြန်ပေးသည်။
var
myShow = w3.slideshow(".nature", 0);
စလိုက်ရှိုးအရာဝတ္တုတွင် next() နှင့် ယခင်() ကဲ့သို့သော ဂုဏ်သတ္တိများနှင့် နည်းလမ်းများ ပါဝင်ပါသည်။
ဥပမာ
<button onclick="myShow.previous()">Previous</button>
<button onclick="myShow.next()">Next</button>
နောက်ထပ် ဆလိုက်ရှိုးများ
မည်သည့် HTML အစိတ်အပိုင်းမဆို ဆလိုက်ရှိုးတစ်ခုတွင် ထည့်သွင်းနိုင်သည်။
CSS ရွေးခြယ်မှုများကို အသုံးပြု၍ မည်သည့်အရာကို သတ်မှတ်ပါ။
ဥပမာ
ခေါင်းစီးများ-
<h1 class="city">London</h1>
<h1 class="city">Paris</h1>
<h1
class="city">Tokyo</h1>
<script>
w3.slideshow(".city");
</script>