2011-12-29 17 views
1

jCarouselを使用してアイテムのリストを表示しています。 8つのアイテムがあるとします。私は4を表示して10秒間待ってから最後の4を表示するようにスクロールします。最初の4つを表示してから、データを再バインドするように指示するトリガーをスローします。アイテムはこのように更新され、サイクリングを続けます。カスタムjCarouselトリガー - アイテムの最後

これらの項目は、jquery.load [ajax]によってロードされています。彼らはすべてが表示された後に、アイテムを元に戻したい。二度サイクリングした後にリバウンドさせることができればさらに良いだろう。 setInterval(時間ベース)を使用してデータを再バインドしていましたが、ダイナミックにしたいので、後でjavascriptタイマーを変更する必要はありません。

function scrollwindow() { 
     $("#tableapp").jCarouselLite({ 
      vertical: true, 
      hoverPause: true, 
      visible: 4, 
      auto: 6000, 
      speed: 500, 
      scroll: 4, 
      whenFinishedCyclingItems: updateConsoles() 
     }); 
    }; 

私はJavaScriptとjQueryのにはかなり新しいです:

$(document).ready(function() { 
     updateConsoles(); 


     $("#tableapp").ajaxStop(function() {     
      scrollwindow(); 
     }); 
    });  

    function updateConsoles() { 
     $('#tableapp').load('AjaxPages/ApplicationMonitor.aspx #application'); 
    }   
    function scrollwindow() { 
     $("#tableapp").jCarouselLite({ 
      vertical: true, 
      hoverPause: true, 
      visible: 4, 
      auto: 6000, 
      speed: 500, 
      scroll: 4 
     }); 
    }; 

理想的には私のようなものを追加できるように探しています:

私の呼び出し元のコードは次のようになります。

答えて

0

jCarouselLiteafterEndのように見えます。

ですから、このような何かを行うことができるはず:

function scrollwindow() { 
     $("#tableapp").jCarouselLite({ 
      vertical: true, 
      hoverPause: true, 
      visible: 4, 
      auto: 6000, 
      speed: 500, 
      scroll: 4, 
      afterEnd: updateConsoles() 
     }); 
    }; 

あなたが別の関数内かどうか、その関数をラップする必要がありますが、念のためにしたい場合、私は肯定的ではないよ、コードでしょうbe:

afterEnd: function(){updateConsoles();} 
+0

これはうまくいきました。さらに詳しい知識があれば、afterEnd関数はどうやって見つかりましたか? jCarouselLiteスクリプトのどこかでしたか?私は "beforeStart"のためのものを見つけることができるかどうかを見たいと思います。そうすれば、すべてのリストアイテムを循環させ、ゼロに戻ってからデータをリロードすることができます。今のように、私は下部4項目を見つめている間にデータがリロードされています。 – lorengphd

+0

マニュアルにそれが見つかりました。もっと見た目を上げなければならない! beforeStart、afterEnd option- *:機能 - コールバック *例 * $( "カルーセル ")jCarouselLite({ * btnNext:" .next" * btnPrev: ".prev"、 * beforeStart:関数(A){ *警告( "アニメーションの開始前に" + A); *}、 * afterEnd:関数は、(A){ *警告( "アニメーションの後に終了:" + A); *} *}); – lorengphd

+0

Before Start機能があります。オプションのリストを見るには、[jCarouselLite docs](http://www.gmarwaha.com/jquery/jcarousellite/#doc)を見てください。喜んで助けた:) – john

関連する問題