0

3つのjQueryToolsScrollablesをセットアップしています。彼らはチャンピオンのように働きます。頭を見つけたり包んだりできないように見えるのは、スクロールを開始する前に、最初の開始点を「遅らせる」方法です。

私が望まないのは、3つすべてがまったく同時にスクロールすることです。

左のものをロードするとすぐにスクロールしたい。次に、真ん中が800ミリ秒後に初めてスクロールを開始し、次に右が1600ミリ秒後に初めてスクロールを開始します。

これが私がこれまでに得たものです...fireDelayまたは単にDelayまたはInitialDelayなど...まったく機能していないようです。

このサイトのjQueryプラグインを使用しています。http://www.jquerytools.org/demos/scrollable/plugins.htmlこれは「ScrollablePluginsinAction」と呼ばれます。このスタンドアロンビューを3回使用しています。http://www.jquerytools.org/demos/scrollable/plugins-navigator.htm動作できるように、それぞれに独自のIDを割り当てました。

考えやアイデアは大歓迎です！

    <!-- javascript coding -->
    <script type="text/javascript">
    $(document).ready(function() {

    // heeeeeeeeeeere we go.
    $("#chained1").scrollable({circular: true, mousewheel: false}).navigator().autoscroll({
    fireDelay: 800,
    interval: 3000
    });

    $("#chained2").scrollable({circular: true, mousewheel: false}).navigator().autoscroll({
    fireDelay: 1600,
    interval: 3000
    });

    $("#chained3").scrollable({circular: true, mousewheel: false}).navigator().autoscroll({
    fireDelay: 3200,
    interval: 3000
    });

    });
    </script>
4

1 に答える 1

0

fireDelayそのプラグインにはプロパティはありませんが、JavaScriptは使用できる関数をカウントsetTimeoutします。clearTimeout

$.fn.timeout = function(fn, delay){
  var self = this;
  setTimeout(function(){
    self.each(function(){
      fn.call(this);
    });
  }, delay);
  return this;
};

に設定autoplayし、開始するたびfalseに呼び出します。.play()

$("#chained1")
  .scrollable({
    circular: true,
    mousewheel: false
  })
  .navigator()
  .autoscroll({
    interval: 3000,
    autoplay: false
  })
  .timeout(function(){
    $(this).data("scrollable").play();
  }, 800);​
于 2012-07-22T07:59:49.183 に答える