Как оформить фоторамку на весь экран в JavaScript / JQuery - PullRequest
Новая
       18

Как оформить фоторамку на весь экран в JavaScript / JQuery

0 голосов
/ 20 февраля 2020

Я хочу оформить полноэкранный режим карусели 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>

Я пытался «поймать» класс, который добавляется, когда я запускаю полноэкранный режим, но это не сработало. Может ли кто-нибудь помочь мне с этим? Я немного застрял.

...