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>