jquery - 除非我调整浏览器大小,否则图像不会加载到 Flickity 中

标签 jquery html css flickity

我正在做一个元素,出于某种原因,我的 Flickity 幻灯片中的图像仅在浏览器稍微调整大小时才加载。这是我的网站:/

我在 Flickity 中将 resize 设置为 true,所以我不确定这里的问题是什么。任何帮助将不胜感激。

谢谢!

编辑:问题已解决!

最佳答案

如果其他人遇到此问题并且 imagesLoaded 对您没有影响,这是我的解决方案:

如果您碰巧将此 slider 加载到模态中,在单击按钮时,模态会从 display:none 更改为 display: block -- 这也会给您带来错误,需要调整屏幕大小才能使轮播正常工作.

要解决此问题,请在隐藏模式上使用 opacity: 0 而不是 display:none。单击按钮时,将模态更改为不透明度:1。

关于jquery - 除非我调整浏览器大小,否则图像不会加载到 Flickity 中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48468240/

相关文章:

javascript - 如果在 iframe 中,Bootstrap 模式弹出窗口会忽略滚动位置

javascript - 如何通过在javascript中调用函数来重复一个过程

jquery - 如何从 BODY 元素的特定类定位 HTML 元素

html - 删除 IE 10 兼容性 View 中的蓝色边框

javascript - 创建一个确认框 jquery php

Javascript 匹配替换链接

javascript - 如何监控iframe的点击次数?

html - 选定行,更改第一个和最后一个单元格边框

javascript - 移除底部li时自动在底部制作其他li

javascript - jQuery如何设置点击div中的href?