0

jQuery Cycleでスライドショーを作成しましたが、タイマーに問題があります。数サイクル後、彼らは混乱しています。2つのサイクルアニメーションを1つの関数と1つのタイマーにマージするにはどうすればよいですか？

助けてくれてありがとう。

xHTML：

<div id="slideshow">
  <ul>
    <li>
      <div class="image"><img src="test.jpg" /></div>
      <div class="description">Some text goes here</div>
    </li>
    <li>
      <div class="image"><img src="test.jpg" /></div>
      <div class="description">Some text goes here</div>
    </li>
    <li>
      <div class="image"><img src="test.jpg" /></div>
      <div class="description">Some text goes here</div>
    </li>
  </ul>
</div>

jQuery：

var img = $(this).find('#slideshow div.image');
var desc = $(this).find('#slideshow div.description');
$('#slideshow ul').cycle({
    fx:    'scrollHorz', 
    speed:  'fast', 
    timeout: 5000,
    next:   '.next',
    pause: 1,
    slideExpr: img
});
$('#slideshow').cycle({
    fx:    'scrollVert', 
    speed:  'fast', 
    timeout: 5000,
    next:   '.next',
    pause: 1,
    slideExpr: desc
});
4

1 に答える 1

0

私はあなたがすべきだと思います：

  1. 時間処理の問題に対応する独自のカスタム関数を作成します（かなり単純なJS関数でうまくいきます）。
  2. サイクルの「timeout」プロパティを0に設定して、自動進行しないようにします。
  3. 次の形式で、カスタム関数で使用可能なコマンド「prev」および「next」を使用します。
$('#slideshow').cycle('next');

私はあなたのコードにアプローチがあります、あなたがちょうど私に与えた素晴らしいアイデアに感謝しなければなりません。

于 2011-10-21T13:29:13.367 に答える