W3.JS HTML Trình chiếu
Bắt đầu trình chiếu:
w3.slideshow(selector, interval (milliseconds))
Thí dụ
<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>
Không tự động khởi động
Để ngăn trình chiếu tự động bắt đầu, hãy đặt tham số khoảng thời gian thành 0:
Thí dụ
w3.slideshow(".nature", 0);
Trang trình bày tiếp theo
Thêm các nút để duyệt qua trình chiếu:
Khi bạn bắt đầu trình chiếu, hàm w3.slideshow () trả về một đối tượng đại diện cho trình chiếu.
var
myShow = w3.slideshow(".nature", 0);
Đối tượng trình chiếu chứa các thuộc tính và phương thức, chẳng hạn như next () và trước ():
Thí dụ
<button onclick="myShow.previous()">Previous</button>
<button onclick="myShow.next()">Next</button>
Các trình chiếu khác
Bất kỳ phần tử HTML nào cũng có thể được đưa vào trình chiếu.
Xác định cái nào, bằng cách sử dụng bộ chọn CSS.
Thí dụ
Tiêu đề:
<h1 class="city">London</h1>
<h1 class="city">Paris</h1>
<h1
class="city">Tokyo</h1>
<script>
w3.slideshow(".city");
</script>