Я хочу оформить полноэкранный режим карусели Fotorama - запускается нажатием кнопки «полноэкранный режим» в правом верхнем углу изображения, поэтому «основное» изображение немного меньше, а эскизы изображений не «склеиваются» друг другу.
<div class="slider-wrapper">
<div class="fotorama" data-nav="thumbs" data-auto="false" data-allowfullscreen="true">
{% for photo in page.gallery.galleryHasMedias %}
<img src="{% path photo.media, "medium" %}">
{% endfor %}
</div>
<div class="nav-count" style="text-align: center">
<span style="display: inline-block">
<span class="activeIndex">1</span>
<span>/{{ page.gallery.galleryHasMedias | length }}</span>
</span>
</div>
</div>
Я пытался «поймать» класс, который добавляется, когда я запускаю полноэкранный режим, но это не сработало. Может ли кто-нибудь помочь мне с этим? Я немного застрял.