在 fotorama js 中退出全屏弹出窗口后如何设置第一张图片？

Question

如何在 fotorama js 滑块中取消全屏弹出后设置第一张图片。

默认情况下，取消全屏后，弹出窗口中的最后一个活动图像显示为滑块中的主图像。

我想在 fotorama js 中取消弹出窗口后获取滑块的第一张图像？

演示 link：http://fotorama.io/customize/fullscreen/ 这是 fotoram js

的演示 link

如有任何帮助，我们将予以处理。

谢谢。

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();
            });
            }

在 fotorama js 中退出全屏弹出窗口后如何设置第一张图片？

How to set first image after exit fullscreen popup in fotorama js?

javascript

fotorama