flickity旋转木马图像压扁在一起

Question

我在我的网站上使用此滑块：http://flickity.metafizzy.co

图像加载被压扁，但在刷新时，它有时会出现。我减少了图像尺寸，因为我认为这可能是一个加载问题，但这并没有帮助。然后我添加了imagesLoaded，这也没有做任何事情。

我附上了图片如何加载的屏幕截图。谢谢！

http://imgur.com/OA66JK2

Answer 1

检查您是否使用flickity.pkgd.js而不只是flickity.js。

检查您的选项是否设置正确

// with jQuery
$('.gallery').flickity({
  imagesLoaded: true
});

-

// or with vanilla JS
new Flickity( '.gallery', {
  imagesLoaded: true
});

-

<!-- or in HTML -->
<div class="gallery js-flickity" data-flickity-options='{ "imagesLoaded": true }'></div>