すべての画像がロードされる前にNivoスライダーを起動させる

Question

私はNivoスライダーのWordpressプラグインを使用していて、どのように見え、クライアントが使用するのが簡単かを気に入っています。

唯一の問題は、すぐにあなたは、いくつかの画像よりも多くを持っているように大きな問題である、すべての画像がロードされるまでスライドショーが再生されないということです：http://www.marcusmcshane.com/

は、スライドショーを作る方法を、誰を知っています最初のカップルがロードされた後に開始しますか？

ありがとうございます。お手伝いをしていただきありがとうございます。

Answer 1

Nivoスライダーの経験が豊富で、私は実際にあなたがまだ使用しているのを実際に見た$(window).loadを使用していることを覚えています。

変更この：これに

<script type="text/javascript"> 
jQuery(window).load(function(){ 
    jQuery("#nivoslider-283").nivoSlider({ 
     effect:"fade", 
     slices:15, 
     boxCols:8, 
     boxRows:4, 
     animSpeed:500, 
     pauseTime:3000, 
     startSlide:0, 
     directionNav:false, 
     directionNavHide:true, 
     controlNav:false, 
     keyboardNav:true, 
     pauseOnHover:true, 
     manualAdvance:false 
    }); 
}); 
</script> 

：

<script type="text/javascript"> 
jQuery(function(){ 
    jQuery("#nivoslider-283").nivoSlider({ 
     effect:"fade", 
     slices:15, 
     boxCols:8, 
     boxRows:4, 
     animSpeed:500, 
     pauseTime:3000, 
     startSlide:0, 
     directionNav:false, 
     directionNavHide:true, 
     controlNav:false, 
     keyboardNav:true, 
     pauseOnHover:true, 
     manualAdvance:false 
    }); 
}); 
</script> 

Answer 2

これはクリーン&キャロラインのソリューションは正常に動作をインストールし、まだそれぞれの新しいNivoスライダーに関連しています。

調整用のコピーをデザインに使用しています（上のような）調整が必要なので、変更する必要はありません。

保存：htmlファイルからそれを呼び出す

jQuery(function(){ 
$('#slider').nivoSlider(); }); 

は、別のファイル（nivo.js）を..as &は、必要であれば、簡単に調整したり、元に戻ることが見つかったことを意味します。

div（#slider）の高さを定義して、読み込み速度の遅いブラウザでページが表示されないようにします。