0

如果您查看网站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>
4

1 回答 1

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});

于 2012-05-07T03:40:36.090 回答