W3.JS slayd-shou
Slayd-shouni boshlash:
w3.slideshow(selector, interval (milliseconds))
Misol
<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>
O‘zingiz sinab ko‘ring »
Avtomatik boshlanmaydigan slayd-shou
Slayd-shou avtomatik boshlanib ketmasligi uchun interval parametrini 0 ga o‘rnating:
Keyingi slayd
Slayd-shouni varaqlash uchun tugmalar qo‘shing:
Slayd-shouni ishga tushirganingizda w3.slideshow() funksiyasi shu slayd-shouni ifodalovchi obyektni qaytaradi.
var myShow = w3.slideshow(".nature", 0);
Slayd-shou obyekti next() va previous() kabi xususiyat va metodlarga ega:
Misol
<button onclick="myShow.previous()">Previous</button>
<button onclick="myShow.next()">Next</button>
O‘zingiz sinab ko‘ring »
Boshqa slayd-shoular
Slayd-shouga istalgan HTML elementni kiritish mumkin.
Qaysilarini kiritishni CSS selektorlari yordamida belgilang.
Misol
Sarlavhalar:
<h1 class="city">London</h1>
<h1 class="city">Paris</h1>
<h1 class="city">Tokyo</h1>
<script>
w3.slideshow(".city");
</script>
O‘zingiz sinab ko‘ring » CSS bilan »
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!