Fotorama is unmaintained! Fork away

Fullscreen

Allow fotorama to enter fullscreen using data-allowfullscreen:

<div class="fotorama"
     data-allowfullscreen="true">
  <img src="1.jpg">
  <img src="2.jpg">
</div>

This will show an icon at the top-right that toggles the fullscreen.

Fullscreen example (new window):

Native fullscreen

To use modern Fullscreen API, set data-allowfullscreen to native:

<div class="fotorama"
     data-allowfullscreen="native">
  <img src="1.jpg">
  <img src="2.jpg">
</div>

Native fullscreen example (new window):

Big images

Add a separate image for fullscreen using data-full:

<div class="fotorama"
     data-allowfullscreen="native">
  <img src="1.jpg" data-full="1_full.jpg">
  <img src="2.jpg" data-full="2_full.jpg">
</div>