javascript - 响应广场

标签 javascript jquery galleria

我正在尝试使用这个插件 Galleria在其响应模式下,这基本上意味着它将在窗口重新调整大小时根据其容器大小重新绘制自己。我提供的链接上的演示展示了一个非常好的例子。您可以看到,当您调整窗口大小时,整个画廊也会相应调整。现在我的问题是,除非为用作其容器的 DOM 元素指定了高度,否则插件不会让我初始化画廊。这意味着,我不得不编写大量的 javascript 代码来响应窗口大小调整——这在很大程度上破坏了它具有响应模式的意义——但在上面的网站中,我无处可以找到指定的明确高度。有人可以向我解释我哪里出错了吗?

最佳答案

我自己想出来的。发布我的答案 -

初始化画廊时 - 以百分比指定您的高度 - 如下所示。我猜在这种情况下它需要 50% 的窗口高度作为它的值。这样一来,您无需在任何地方明确指定高度,它就如宣传的那样工作

Galleria.run('#gallery', {responsive:true, height:0.5, debug:false});

关于javascript - 响应广场,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11011938/

相关文章:

jQuery 初始化顺序

Javascript 小书签 : how to replace URL parts?

javascript - SonarQube、sonar-javascript 和 JS TestDriver - 找不到资源

javascript - 使用 html 类属性作为变量是否是错误的形式

c# - ASP.NET MVC DropDownList 在事件时不显示颜色

javascript - Galleria 图片库淡入淡出和默认图片问题

javascript - 从 js 读取/写入 json 到服务器上的文件(不是服务器应用程序)

javascript - Angular : $setPristine on Form and Checkbox Issue

php - 如何在 jQuery 中将多个类应用于多个 Div

javascript - JavaScript 中的打印/回显动态内容 (Galleria)