Question

我有一个问题。我可以在更改浏览器的尺寸时更新此插件的大小，或者我可以将其大小绑定到某个容器，然后默认会更改大小吗？也许有可能以某种方式扩展它，因为我真的不想让我的网站因为这个而“固定”。

                <script>
                Galleria.loadTheme('media/js/galleria/themes/classic/galleria.classic.min.js');
                $("#gallery").galleria(
                {
                    width: (this is what I want to be dynamic),
                    height: (this is what I want to be dynamic),
                    clicknext: true,
                    transition: 'fade',
                    showCounter: false
                });
                </script>

Answer 1

有一个名为rescale()的未记录方法，当你改变容器的大小时，可以随时调用它来更新图库测量值，f.ex。

Answer 2

如果有人发现这个并且无法解决接受的答案中的解决方案，最终这对我有用：

$('#galleria').data('galleria').resize();

实际上也记录了这一点，因此不太可能破坏。

Answer 3

从未使用Galleria，但只是偷看了their docs，听起来默认情况下，这两个值都是自动的，并且会占用包含元素的宽度和高度，所以如果你的包含元素是液体，你可以只是从你的init选项中留出宽度和高度，它应该符合容器。您是否尝试过仅依赖父元素的尺寸？

Answer 4

你可以这样做绑定一个函数，将元素的宽度和高度更新为 $（window）.resize（）

你应该找出应用'width'和'height'的galleria函数在哪里，并使用你的新函数对窗口尺寸进行所需的计算，并将它们应用到该元素。

类似的东西：

$(window).resize(function(){ 
$('#elementtobemodified').width(/*calculate the new width you want to apply here*/).height(/*and do the same for the height here*/);
});.

我认为应该这样做。

浏览器更改尺寸时更新galleria宽度/高度

4 个答案: