jquery cycle image slider plugin (время загрузки изображения)

Question

Если вы заходите на сайт stretchshapes.net, вы можете видеть, что мы используем слайдер VTEM для плагинов, чтобы показывать рекламу в верхней части нашего сайта.

Он работал отлично в течение нескольких месяцев, но совсем недавно время загрузки изображения начало длиться вечно. например, при загрузке страницы вы можете увидеть 3 или четыре слайда, которые появляются позже, появляясь ниже, где расположен ползунок, а затем исчезают за ползунком, которые будут показаны позже.

Я пробовал оптимизировать время загрузки изображений, но, похоже, это не так много. Мне кажется, что 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> 

Answer 1

я не уверен, что это ваша проблема, но перед вызовом слайд-шоу вы можете скрыть все слайды, а затем они не должен Появится. Следовательно, вы можете просто добавить 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});