javascript - 调整窗口大小后，可以优雅地自动调整Galleria jQuery幻灯片的大小

我正在使用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/优雅。有没有一种方法可以调整幻灯片的大小而不必使用默认外观重新加载整个页面？

最佳答案

我没有办法测试。但是类似的事情可能值得一试。

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

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

关于javascript - 调整窗口大小后，可以优雅地自动调整Galleria jQuery幻灯片的大小，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/8846313/