Swiper JS image slides HTML

swiper-js-image-slides-html.html

<!-- Slides -->
<div class='swiper-slide'>
  Slide 1
  <img src='https://farm5.staticflickr.com/4906/31468331457_2b30dda299_z.jpg' alt='Hubble’s Cosmic Holiday Wreath'>
  <figcaption>
    <a href='https://www.flickr.com/photos/gsfc/31468331457/'>"Hubble’s Cosmic Holiday Wreath" &copy; NASA </a><br />
    <a href='https://creativecommons.org/licenses/by/2.0/' target='_blank'>Creative Commons</a>
  </figcaption>
</div>
<div class='swiper-slide'>
  Slide 2
  <img src='https://farm5.staticflickr.com/4892/46385281411_69f232b371_z.jpg' alt='Launch of Apollo 8'>
  <figcaption>
    <a href='https://www.flickr.com/photos/gsfc/46385281411/'>"Launch of Apollo 8" &copy; NASA </a><br />
    <a href='https://creativecommons.org/licenses/by/2.0/' target='_blank'>Creative Commons</a>
  </figcaption>
</div>
<div class='swiper-slide'>
  Slide 3
  <img src='https://farm5.staticflickr.com/4849/44568285330_ff61d638a9_z.jpg' alt='Launch of Apollo 8 lunar orbit mission'>
  <figcaption>
    <a href='https://www.flickr.com/photos/gsfc/44568285330/'>"Launch of Apollo 8 lunar orbit mission" &copy; NASA </a><br />
    <a href='https://creativecommons.org/licenses/by/2.0/' target='_blank'>Creative Commons</a>
  </figcaption>
</div>