Fotorama is unmaintained! Fork away

Fit

There are 4 ways to fit an image into a fotorama:

Select fit for the whole fotorama and override it for a single image with data-fit:

<div class="fotorama"
     data-fit="cover">
  <img src="1.jpg">
  <img src="2.jpg" data-fit="contain">
</div>

Examples

The 200×300 frog:

...fit the 240×180 fotorama like so:

The 200×125 elephant:

...fit the 240×180 fotorama like so:

Fit thumbnails

All of this applies to thumbnails via data-thumbfit.