0

autocaroufredsel（caroufredsel ）の構成を使用して、アイテムごとに異なる遅延を指定して、たとえば次のようにする方法はありますか？

  • 最初のアイテム-5秒
  • 2番目のアイテム-10秒
  • 3番目のアイテム-8秒
  • ..。
4

1 に答える 1

2

ウェブサイトで作業しているときに、私は同様の問題を抱えていました。カルーセルには、アニメーションと静的スライドとしての追加情報が含まれています。アニメーションの長さは、他のスライドのコンテンツを読み取るのに必要な時間をはるかに超えているため、アニメーションに別のタイムアウトを設定したいと思いました。

このソリューションは、「構成イベント」セクションのカスタムイベントのコード例ページのドキュメントに多少隠されています。

configuration次の方法でオブジェクトにアクセスして編集できます

$('#carousel').triggerHandler('configuration')

timeoutDurationたとえば、オブジェクトのonBeforeイベントハンドラーなどで、表示するアイテムに応じて実際に異なる値を割り当てます。scroll

...
scroll: {

    onBefore: function(data){

        if(data.items.visible[0].id == 'animation'){
            t = 30000;
        }
        else {
            t = 5000;
        }
        $('#carousel').triggerHandler('configuration').auto.timeoutDuration = t;
    },
...
于 2013-02-25T23:29:37.097 に答える