2011-08-11 11 views
0

私はNivoスライダーがかなり有望で、私は新しいプロジェクトのいくつかでそれを実装しました。 しかし、今では、同じページに複数の(2〜3)スライダが必要です。これは可能です。しかし、私は彼らのそれぞれが最後のものに関してある遅れの後に始まりたいと思う。例では、最初はページ読み込み、2番目は1秒後、1秒後に続きます。私はコミュニティのサポートに言及し、この記事を見つけました。 http://dev7studios.com/support/#/discussion/212 でも、これでは解決されません。 同じように私を助けてください。 ありがとうございました。同じページの複数のnivoスライダーで異なる遅延

答えて

2
$('#slider1').nivoSlider() 
    .delay(1000) 
    .queue(function(){ 
     $('#slider2').nivoSlider() 
      .delay(1000) 
      .queue(function(){ 
       $('#slider3').nivoSlider(); 
      }); 
    }); 

http://jsfiddle.net/LfkkF/17/

+0

ソースページのリソースが削除されているため、この例は使用できません。あなたはそれが新しいバージョンで動作するようにする方法を知っていますか? – Lucio

+0

私は外部リソースをCDNとGitHubベースのリソースに置き換えました –

1

私は上記の答えは動作させることができなかったので、私はそうのようなJavaScriptの遅延実装:数(250)ミリ秒の遅延された状態で

$(window).load(function() { 

setTimeout(function() {$('#slider3').nivoSlider({ 
    directionNav : false, 
    controlNav: false, 
    });},250); 

}); 

を。私は非常に短い遅延が欲しかったので、この方法は私のために働いたのですが、画像は遅延時間のローディングアイコンを表示します.5秒以上の時間があれば醜いでしょう。

ここに私の方法が見つかりました。 http://www.sean.co.uk/a/webdesign/javascriptdelay.shtm

関連する問題