Question

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

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

我想在fotorama 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();
            });
            }

如何在fotorama js退出全屏弹出后设置第一张图像？

1 个答案: