jquery cycle imageスライダープラグイン（画像読み込み時間）

Question

サイトstretchshapes.netをチェックすると、プラグインコールVTEMスライダーを使用して、サイトの上部に広告を表示していることがわかります。

これは数ヶ月間うまく機能していましたが、最近は画像の読み込み時間が長くかかっています。たとえば、ページが読み込まれたときに、スライダが配置されている場所の下に表示されているスライダが3つまたは4つ表示され、スライダの後ろに消えて表示されることがあります。

イメージの読み込み時間を最適化しようとしましたが、あまり効果がなかったようです。これを起動するために私が使用しているjqueryは、イメージが読み込まれた後ではなく、最初の場所にあるすべてのイメージを隠すことができるはずです。理にかなっている？私はこれがあなたの問題であるかわからないが、あなたのスライドショーを呼び出す前に、あなたはすべてのスライドを非表示にすることができ、その後、彼らはshouldn

<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

：私はここ

はスライダーを起動jqueryの..ですそう願っています表示されません。結果的に、サーバ側の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});