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-banner">Discover relaxation! <a href="">Buy tickets now.</a></div> <img width="1200" height="600" src="./beach.jpg"> </div> <div class="slide" data-slideIndex="3"> <div class="slide-banner">See penguins! <a href="">Buy tickets now.</a></div> <img width="1200" height="600" src="./penguins.jpg"> </div> <div class="slide" data-slideIndex="4"> <div class="slide-banner">Take a ride on the wheel! <a href="">Buy tickets now.</a></div> <img width="1200" height="600" src="./wheel.jpg"> </div> </div> <div id="back-button" class="arrow back">←</div> <div id="forward-button" class="arrow forward">→</div> <div class="slide-indicators"> <div class="slide-indicator active"></div> <div class="slide-indicator"></div> <div class="slide-indicator"></div> <div class="slide-indicator"></div> <div class="slide-indicator"></div> </div> </div>
Comments
Post a Comment