W3.JS HTML Slayt Gösterileri
Sunuma başla:
w3.slideshow(selector, interval (milliseconds))
Örnek
<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>
Otomatik Başlatma Yok
Slayt gösterisinin otomatik olarak başlamasını önlemek için interval parametresini 0 olarak ayarlayın:
Örnek
w3.slideshow(".nature", 0);
Sonraki slayt
Slayt gösterisine göz atmak için düğmeler ekleyin:
Bir slayt gösterisi başlattığınızda, w3.slideshow() işlevi, slayt gösterisini temsil eden bir nesne döndürür.
var
myShow = w3.slideshow(".nature", 0);
Slayt gösterisi nesnesi, next() ve önceki() gibi özellikler ve yöntemler içerir:
Örnek
<button onclick="myShow.previous()">Previous</button>
<button onclick="myShow.next()">Next</button>
Daha Fazla Slayt Gösterisi
Herhangi bir HTML öğesi bir slayt gösterisine dahil edilebilir.
CSS seçicilerini kullanarak hangisini tanımlayın.
Örnek
Başlıklar:
<h1 class="city">London</h1>
<h1 class="city">Paris</h1>
<h1
class="city">Tokyo</h1>
<script>
w3.slideshow(".city");
</script>