A simple yet powerful responsive jQuery image gallery.
Photos by someone, delivered by Uploadcare

Set up

Just copy and paste the snippets below to integrate Fotorama.

1. This goes to the <head> of your page:

<!-- jQuery 1.8 or later, 33 KB -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

<!-- Fotorama from CDNJS, 19 KB -->
<link  href="https://cdnjs.cloudflare.com/ajax/libs/fotorama/4.6.4/fotorama.css" rel="stylesheet">
<script src="https://cdnjs.cloudflare.com/ajax/libs/fotorama/4.6.4/fotorama.js"></script>

2. Then, wherever you want the gallery in your page <body>:

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

Example: Basic

3. Enjoy!

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

Or download ZIP, unpack and host it on your server:

fotorama-4.6.4.zip

Configure Fotorama →