Set up

<!-- 1. Link to jQuery (1.8 or later), -->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <!-- 33 KB -->

<!-- fotorama.css & fotorama.js. -->
<link href="/ajax/libs/fotorama/4.6.4/fotorama.css" rel="stylesheet"> <!-- 3 KB -->
<script src="/ajax/libs/fotorama/4.6.4/fotorama.js"></script> <!-- 16 KB -->

<!-- 2. Add images to <div class="fotorama"></div>. -->
<div class="fotorama">
  <img src="/1.jpg">
  <img src="/2.jpg">
</div>

<!-- 3. Enjoy! -->

Example: Basic

Just copy-paste the snippet above to start.

Fotorama’s CDN is provided by CDNJS which is powered by 24 data centers around the world, feel free to use it.

Or download zipped, unpack and host it on your server if you want:

fotorama-4.6.4.zip