0

私はjqueryカルーセルを作成していますが、左右のスクロールが想定どおりに機能しています。

しかし、各スライドへのショートカットを備えたリストナビゲーションも必要ですが、好きなように機能しません。

私の考えでは、 index() を使用して要素の位置を見つけ、幅 * の位置で要素にスクロールすることでしたが、うまくいきません。クリックごとに異なる値を返します。

また、スクロールする方向へのスマートなソリューションを見つける必要があります。

おまけとして、ユーザーが何度も連続してスピードクリックするのを防ぐためのエレガントなソリューションを持っている人はいますか? その後、連続してスクロールします。また、スライドが 3 枚しかない場合は、空白が表示されます。stop() を試してみましたが運が悪かった:/

私のコードはここにあります

http://jsfiddle.net/n8mEV/1/

どんな助けでも大歓迎です！

4

1 に答える 1

0

変数を設定して、スパム クリックを防止できます。元 ：

var inAnimation = false;
$('.thumbnail-carousel-nav li').click(function(){
    if (inAnimation) return false;
    inAnimation = true;
/* More code */
 $(current_carousel).animate({'left' : left_indent},500,function(){    
            inAnimation = false;
/* ... */

前/次のスクロールで空白ページが表示されないようにするには、最初と最後のアイテムのコピーを作成し、次のようにリストにそれぞれ追加および追加する必要があります。

<li>4th Item</li>

<li>1st Item</li>
<li>2nd Item</li>
<li>3rd Item</li>
<li>4th Item</li>

<li>1st Item</li>

これは、表示されている 1 つの画像のみのコードです。

于 2012-08-20T10:19:29.060 に答える