如果您查看网站stretchshapes.net,您可以看到我们正在使用插件调用VTEM滑块来显示我们网站顶部的广告。
它已经工作了好几个月,但就在最近,图像加载时间已经开始了。例如,当页面加载时,您可以看到显示的3或4个幻灯片稍后出现在滑块所在的下方,然后消失在滑块后面,以便稍后显示。
我已尝试优化图像的加载时间,但似乎没有做太多。在我看来,我用来启动它的jquery应该能够首先隐藏所有图像,而不是在图像加载之后。合理?我希望如此......
以下是启动滑块的jquery:
<script type="text/javascript">
/* <![CDATA[ */
$(document).ready(function(){$('#vtemslideshow1').cycle({fx:'scrollHorz',timeout:6500,speed:1000,next:'#cycle_next',prev:'#cycle_prev',pager:'#vtemnav',pagerEvent:'click',pagerAnchorBuilder:pagerFactory,startingSlide:0,fit:true,height:69,width:425});function pagerFactory(idx,slide){return'#vtemnav a:eq('+idx+') span';};});/* ]]> */
</script>
答案 0 :(得分:0)
我不确定这是你的问题但是在调用幻灯片之前你可以隐藏所有幻灯片然后它们不应该出现。因此,你可以在服务器端添加display:none
除了第一个以外的所有人,以确保它们永远不会显示在滑块之外。
$('#vtemslideshow1 a:gt(0)').hide(); // hide all but first
$('#vtemslideshow1').cycle({fx:'scrollHorz',timeout:6500,speed:1000,next:'#cycle_next',prev:'#cycle_prev',pager:'#vtemnav',pagerEvent:'click',pagerAnchorBuilder:pagerFactory,startingSlide:0,fit:true,height:69,width:425});