عرض شرائح 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>
لا يوجد تشغيل تلقائي
لمنع بدء عرض الشرائح تلقائيًا ، اضبط معلمة الفاصل الزمني على 0:
مثال
w3.slideshow(".nature", 0);
الشريحة التالية
أضف أزرارًا لتصفح عرض الشرائح:
عند بدء عرض الشرائح ، تقوم الدالة w3.slideshow () بإرجاع كائن يمثل عرض الشرائح.
var
myShow = w3.slideshow(".nature", 0);
يحتوي كائن عرض الشرائح على خصائص وطرق ، مثل التالي () والسابق ():
مثال
<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>