4

皆さんこんにちは...

jCarouselLite の品質でフェード効果を使用したい。出来ますか。

ニーズ：

  1. 画像遷移時間は速くなければなりません。
  2. 画像は 10 秒間静止する必要があります。

誰でもこれを案内してもらえますか。

ギータ。

4

4 に答える 4

6

「画像から白から画像」ではなく「画像から画像」にフェードするには、速度属性をゼロに設定する必要があります。

$('#content .slider .inner')
    .jCarouselLite(
    {
        afterEnd    : function(el) { $(el).parent().fadeTo(500, 1); },
        beforeStart : function(el) { $(el).parent().fadeTo(500, 0); },
        speed       : 0
    }
);
于 2012-04-17T08:26:21.730 に答える
1

うーん...多分私はあなたが欲しいものを誤解しています。しかし、あなたが要求したもののうち、jCarousel Liteでまだサポートされていないものは何ですか？

  • フェード効果：オプションを使用します（ jQueryイージングプラグインeasingを含める必要があります）。カスタムアニメーション-簡単なデモ（ページの右側）を確認してください
  • 高速トランジション：speedオプション（ミリ秒）は、トランジションのアニメーション速度を決定します
  • 画像を10秒間表示する：autoオプション。このように、カルーセルは自動スクロールし、ミリ秒単位で指定した時間は、2つの連続するスライド間の時間です。

ここでデモを確認してください：http：//jsbin.com/etena/（ここでコードを見てくださいhttp://jsbin.com/etena/edit）

于 2010-03-16T10:19:58.100 に答える
1

できません。イージングではスライドする方法しか設定できませんが、jCarousselLite は常にスライドします。

もちろん、特定のニーズに合わせてプラグインのデフォルトの動作を変更できます。例: http://snipplr.com/view/18326/jcarousellite-fade-animation/ (これはテストしていませんが、問題ないようです)

于 2010-07-29T13:42:20.273 に答える
0

イージングではそれができません。publicJorn が書いたものに基づいて構築/簡素化して、スライドにフェードイン/フェードアウト効果を追加する方法を次に示します。

$('div#foo').jCarouselLite({
    visible: 1,
    start: 0,
    beforeStart: function(a) {
            $(a).parent().fadeTo(500, 0);
    },
    afterEnd: function(a) {
            $(a).parent().fadeTo(500, 1);
    }
});
于 2011-12-16T18:47:48.050 に答える