我试图在我的网站上集成 wootheme 的 Flexslider,它看起来/工作得很好,除了它在加载时。
当您使用滑块刷新页面时,在 flexslider 加载之前(大约 1 秒),第一张幻灯片看起来非常大并闪烁为黑色,然后消失,然后出现轮播。
我认为图像加载速度比 jquery 快?如何在 jquery 加载时隐藏图像(就像在演示网站上一样,即使我刷新 30 亿次,问题也不会在他们的网站上重复出现,一切都可以正常加载!-http: //flexslider.woothemes.com/carousel -min-max.html )
我在 jquery 之后立即加载了 flexlisder.js 并从演示中复制了相同的 html 代码(以匹配也加载的 .css 文件。这是我正在使用的初始化代码 - 也来自演示站点:
$(document).ready(function() {
$('.flexslider').flexslider({
animation: "slide",
animationLoop: false,
itemWidth: 210,
itemMargin: 5,
minItems: 2,
maxItems: 4
});
});