A slideshow is used to cycle through elements: Create A Slideshow Step 1) Add HTML: <!-- Slideshow container --> < div class ="slideshow-container" > <!-- Full-width images with number and caption text --> < div class ="mySlides fade" > < div class ="numbertext" > 1 / 3 < /div > < img src ="img1.jpg" style ="width:100%" > < div class ="text" > Caption Text < /div > < /div > < div class ="mySlides fade" > < div class ="numbertext" > 2 / 3 < /div > < img src ="img2.jpg" style ="width:100%" > < div class ="text" > Caption Two < /div > < /div > < div class ="mySlides fade" > < div class ="numbertext" > 3 / 3 < /div > < img src ="img3.jpg" style ="width:
Autoplay carousel HTML < div id = " carousel " > < div id = " slide-container " > < div class = " slide " data-slideIndex = " 0 " > < div class = " slide-banner " > Tour the Empire State Building! < a href = " " > Buy tickets now. </ a > </ div > < img width = " 1200 " height = " 600 " src = " ./newyork.jpg " > </ div > < div class = " slide " data-slideIndex = " 1 " > < div class = " slide-banner " > Ride the Shinkansen! < a href = " " > Buy tickets now. </ a > </ div > < img width = " 1200 " height = " 600 " src = " ./tokyo.jpg " > </ div > < div class = " slide " data-slideIndex = " 2 " > < div class = " slide-bann