切换Galleria全屏模式

Question

我想知道是否有人知道如何在Galleria中的全屏和普通模式之间切换

我能想到的唯一方法是在主题之间切换:默认和全屏主题(我从那里购买)

如果您了解更好的方式,我将非常感谢您的帮助.

Answer 1

我只想补充@ Ohgodwhy的回答:

获取Galleria实例并使用API​​的最佳方法是使用Galleria.ready函数:

Galleria.ready(function() {
  var gallery = this; // galleria is ready and the gallery is assigned
  $('#fullscreen').click(function() {
    gallery.toggleFullscreen(); // toggles the fullscreen
  });
});

或者,$.data如果您知道库已初始化,则可以通过对象访问实例:

$('#fullscreen').click(function() {
  $('#galleria').data('galleria').toggleFullscreen(); // toggles the fullscreen
});

我假设你有一个ID为"全屏"的链接/按钮,而且画廊位于ID'galleria'.