Auto Image Slider

<div>

  <div class='slides'>

    <img src='https://www.w3schools.com/howto/img_nature_wide.jpg'>

    <div class='detail'>Img 1</div>

  </div>

  <div class='slides'>

    <img src='https://www.w3schools.com/howto/img_fjords_wide.jpg'>

    <div class='detail'>Img 2</div>

  </div>

  <div class='slides'>

    <img src='https://www.w3schools.com/howto/img_mountains_wide.jpg'>

    <div class='detail'>Img 3</div>

  </div>

  <div class='navButton' id='prev'>&#10094;</div>

  <div class='navButton' id='next'>&#10095;</div>

  <div class='dots'>

    <span class='dot' id='d1'></span>

    <span class='dot' id='d2'></span>

    <span class='dot' id='d3'></span>

  </div>

</div>