0

私はjqueryカルーセルを使用していて、ここ（http://jsbin.com/unoce/2）で画像が自動回転しているので、左側のコンテンツが「with」で自動回転していないという問題があります。画像と矢印の選択もそうではありません。左側のコンテンツをクリックしてから、右側の画像と矢印が適切に一緒に移動した場合にのみ機能します。

誰かがサポートを提供して、テキストと矢印を画像と一緒に「自動」回転させることができますか？

以下のこのコードは、画像を回転させるだけで、他には何も回転させません...

jQuery(document).ready(function() {
  jQuery("#features").jcarousel({
    scroll: 1,
    auto:2,
    wrap: 'both',
    initCallback: mycarousel_initCallback,
    buttonNextHTML: null,
    buttonPrevHTML: null
  });
});

これがデモで、このデモも編集できます：http: //jsbin.com/unoce/2

ありがとうございました、

エヴァン

4

1 に答える 1

1

これを見てください：

http://jsbin.com/unoce/7/edit

  • 古いバージョンの jQuery (1.3.2) を使用しています。現在は 1.4.2 であるため、jsBin で切り替えて、Google がホストするバージョンの jQuery を使用しました。

  • これは問題の一部ではありませんでしたが、いくつかのコードを統合しました。への通話が数回ありました$(document).ready()。これは悪くはありませんが、必要でもありません。ready()コードを 1 つの呼び出しに統合しました。

  • 2 つのクリック ハンドラを割り当てていました。繰り返しますが、これは問題ありませんが、不要です。両方のコードをinitCallbackプロパティのコールバックに入れました。

  • はinitCallback、最初に 1 回だけ呼び出されます。そのため、current自動更新時にクラスが更新されませんでした。

jCarousel には他にも多くのコールバック オプションがあります。1つは呼ばれitemVisibleInCallbackます。実際には、2 つのコールバックを受け取ることができるオブジェクトを受け取ります。

itemVisibleInCallback: {
      // This one is called before new item is displayed
  onBeforeAnimation: mycarousel_itemVisibleBefore,

      // This one is called after new item is displayed
  onAfterAnimation: mycarousel_itemVisibleAfter
}

そこで、currentクラスの削除と追加を担当しました。

これらのコールバックは、carousel、item、idx、state の 4 つのパラメーターを持つことができます。

パラメータはスクロールされているアイテムを参照しているように見えたためidx、適切なアイテムを参照するためにパラメータを使用する必要がありました。#features-navitem

とにかく、これが役立つことを願っています。

于 2010-06-10T19:02:44.673 に答える