Как установить первое изображение после выхода из полноэкранного всплывающего окна в фоторамке JS?

Question

Как установить первое изображение после отмены полноэкранного всплывающего окна внутри слайдера fotorama js.

По умолчанию после отмены полноэкранного режима последнее активное изображение во всплывающем окне отображается как основное изображение в слайдере.

Я хочу получить первое изображение слайдера после отмены всплывающего окна в фоторамме JS?

Демонстрационная ссылка: http://fotorama.io/customize/fullscreen/ Это демонстрационная ссылка с fotoram js

Любая помощь будет аперицирована.

Благодарю.

Answer 1

Мы можем сделать это с помощью self.settings.api.first()

     /**
             * Gallery fullscreen settings.
             */
            initFullscreenSettings: function () {
                var settings = this.settings,
                    self = this;
settings.$gallery = this.settings.$element.find('[data-gallery-role="gallery"]');
settings.$gallery.on('fotorama:fullscreenexit', function () {
                settings.closeIcon.hide();
                settings.focusableStart.attr('tabindex', '-1');
                settings.focusableEnd.attr('tabindex', '-1');
                settings.api.updateOptions(settings.defaultConfig.options, true);
                settings.focusableStart.unbind('focusin', this._focusSwitcher);
                settings.focusableEnd.unbind('focusin', this._focusSwitcher);
                settings.closeIcon.hide();

                if (!_.isEqual(settings.activeBreakpoint, {}) && settings.breakpoints) {
                    settings.api.updateOptions(settings.activeBreakpoint.options, true);
                }
                settings.isFullscreen = false;
                settings.$element.data('gallery').updateOptions({
                    swipe: true
                });

                self.settings.api.first();
            });
            }