我正在做一个元素,出于某种原因,我的 Flickity 幻灯片中的图像仅在浏览器稍微调整大小时才加载。这是我的网站:/
我在 Flickity 中将 resize 设置为 true,所以我不确定这里的问题是什么。任何帮助将不胜感激。
谢谢!
编辑:问题已解决!
最佳答案
如果其他人遇到此问题并且 imagesLoaded 对您没有影响,这是我的解决方案:
如果您碰巧将此 slider 加载到模态中,在单击按钮时,模态会从 display:none 更改为 display: block -- 这也会给您带来错误,需要调整屏幕大小才能使轮播正常工作.
要解决此问题,请在隐藏模式上使用 opacity: 0 而不是 display:none。单击按钮时,将模态更改为不透明度:1。
关于jquery - 除非我调整浏览器大小,否则图像不会加载到 Flickity 中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48468240/