Carousel

‹ Back

Fotorama


Basic Slider

<div class="fotorama" data-carousel data-width="100%">
  <img src="http://placehold.it/1024x600">
  <img src="http://placehold.it/1024x600">
  <img src="http://placehold.it/1024x600">
  <img src="http://placehold.it/1024x600">
  <img src="http://placehold.it/1024x600">
</div>

Gallery

Banners with thumbnails, lazy-loading, fullscreen, videos, captions

<div class="fotorama" data-carousel data-nav="thumbs" data-allow-full-screen="true" data-width="100%">
  <a href="http://placehold.it/1024x600" data-caption="This image has a caption"></a>
  <a href="http://placehold.it/1024x600"></a>
  <a href="https://www.youtube.com/watch?v=3FOzD4Sfgag" data-caption="This video has a caption"></a>
  <a href="http://placehold.it/1024x600"></a>
  <a href="http://placehold.it/1024x600"></a>
  <a href="http://placehold.it/1024x600"></a>
</div>