调整窗口大小时优雅地自动调整 Galleria jQuery 幻灯片大小答案

【问题标题】：Elegantly auto-resize Galleria jQuery slideshow when window is resized调整窗口大小时优雅地自动调整 Galleria jQuery 幻灯片大小
【发布时间】：2012-01-13 05:24:37
【问题描述】：

我正在使用 Galleria jQuery 幻灯片插件。通过使用 $(document).width() 和 $(document).height() 指定宽度和高度，我可以让幻灯片填满整个浏览器窗口，一切都按预期工作。代码如下：

Galleria.loadTheme('galleria/themes/classic/galleria.classic.min.js');
$("#gallery").galleria({
    width: $(document).width(),
    height: $(document).height()
});

我还输入了以下代码来处理窗口大小调整时：

$(window).resize(function() {
    location.reload();
});

这可行，但它会进行全屏刷新，并且不如 Galleria 的实现优雅，http://galleria.io/themes/fullscreen/。有没有办法调整幻灯片的大小而无需使用默认皮肤重新加载整个页面？

【问题讨论】：

标签： javascript jquery slideshow

【解决方案1】：

我没有办法对此进行测试。但这样的事情可能值得一试。

var gal = $("#gallery").galleria({
    width: $(document).width(),
    height: $(document).height()
});  

$(window).resize(function() {
      gal.width = $(document).width();
      gal.height = $(document).height();
});

【讨论】：

【解决方案2】：

事实证明，如果我使用扩展功能，我可以将幻灯片设置为全屏，并且在调整窗口大小时它会自动调整大小，而无需重新加载整个页面。

$("#gallery").galleria({
    width: $(document).width(),
    height: $(document).height(),
    extend: function() {
    this.enterFullscreen();
    }
});

【讨论】：