Hướng dẫn tạo Slideshow với HTML, CSS và Javascript - giao diện
RUN
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> </head> <body> <div class="slideshow-container"> <h2>Freetus.net hướng dẫn tạo slideShow đơn giản</h2> <div class="mySlides fade"> <img src="https://freetuts.net/upload/tut_post/images/2017/07/30/964/slide-1.jpg" style="width:100%"> <div class="text">Nội dung caption của slide đầu tiên!</div> </div> <div class="mySlides fade"> <img src="https://freetuts.net/upload/tut_post/images/2017/07/30/964/slide-2.jpg" style="width:100%"> <div class="text">Nội dung caption của slide thứ 2!</div> </div> <div class="mySlides fade"> <img src="https://freetuts.net/upload/tut_post/images/2017/07/30/964/slide-3.jpg" style="width:100%"> <div class="text">Nội dung caption của slide thứ 3!</div> </div> </div> <br> <div style="text-align:center"> <span class="dot" onclick="currentSlide(0)"></span> <span class="dot" onclick="currentSlide(1)"></span> <span class="dot" onclick="currentSlide(2)"></span> </div> </body> </html>
PHÓNG TO