Trình chiếu HTML W3.JS
Bắt đầu trình chiếu:
w3.slideshow( selector , interval (milliseconds) )
Ví 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>
Hãy tự mình thử »Không có 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:
Trang trình bày tiếp theo
Thêm các nút để duyệt qua slideshow:
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à previous():
Ví dụ
<button onclick="myShow.previous()">Previous</button>
<button onclick="myShow.next()">Next</button>
Hãy tự mình thử »Thêm trình chiếu
Bất kỳ phần tử HTML nào cũng có thể được đưa vào bản trình chiếu.
Xác định cái nào bằng cách sử dụng bộ chọn CSS.
Ví dụ
Tiêu đề:
<h1 class="city">London</h1>
<h1 class="city">Paris</h1>
<h1
class="city">Tokyo</h1>
<script>
w3.slideshow(".city");
</script>
Hãy tự mình thử » Với CSS »