A simple, stunning, powerful jQuery gallery.

Photos by Artem Sapegin, processed and delivered by Uploadcare

Licensed under the MIT. You are free to use Fotorama in commercial projects.

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="http://cdnjs.cloudflare.com/ajax/libs/fotorama/4.6.4/fotorama.css" rel="stylesheet"> <!-- 3 KB -->
<script src="http://cdnjs.cloudflare.com/ajax/libs/fotorama/4.6.4/fotorama.js"></script> <!-- 16 KB -->

<!-- 2. Add images to <div class="fotorama"></div>. -->
<div class="fotorama">
  <img src="http://s.fotorama.io/1.jpg">
  <img src="http://s.fotorama.io/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

Customize

Plug in

Contact

Good! This page has a video available for download.