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>