当浏览器更改尺寸时,更新图库的宽度/高度

| 我有个问题。更改浏览器尺寸时是否可以更新此插件的大小,或者我可以将其大小绑定到某个容器,然后默认情况下会更改该大小?也许可以通过某种方式进行扩展,因为我真的不想因为这个原因将自己的网站“固定”。
                <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>
    
已邀请:
        有一个未记录的方法称为rescale(),当您更改容器的大小时,调用此方法可以随时更新图库尺寸,例如f.ex。     
        万一有人偶然发现了这个问题而又无法从已接受的答案中找出解决方案,那最终对我有用:
$(\'#galleria\').data(\'galleria\').resize();
实际上也有文件记录,因此不太可能损坏。     
        从未使用过Galleria,但只是偷看了他们的文档,这听起来像是默认情况下,这两个值都是auto,并且将包含包含元素的宽度和高度,因此,如果您包含元素是液体,则可以将width和height保留为空您的init选项,它应该符合容器。您是否尝试过仅取决于父元素的尺寸?     
        您可以执行此绑定操作,以将元素的宽度和高度更新为$(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*/);
});.
我认为应该这样做。     

要回复问题请先登录注册