0

この問題は私を悩ませています。私は何年もの間 jCarouselLite を使用してきましたが、Ganeshji Marwaha によってリリースされたオリジナルのライブラリに、自分用に「フェード」機能を追加しました。新しいプラグインはまだサポートされており、タッチ イベントを使用し、応答性が高いため、最近新しいプラグインに切り替えました。しかし、私はそれを使用することに運がありませんでした。

私はほぼ間違いなく愚かなことをしていますが、何が原因なのかわかりません... このホームページの実装を新鮮な目で見てくれる人はいますか?

http://staging.tbc1927.com/www/

ここでの実装はレスポンシブではありませんが、スワイプをサポートしてほしいです。

$().ready(function() {
    $(".homecarousel").jCarouselLite({
    visible: 1,
    auto: 12000,
    speed: 800, 
    responsive: false,
    swipe: true,
    circular: true,
    btnNext: ".next", 
    btnPrev: ".previous"
    });
});

CSS は十分にシンプルで、プラグインに面倒な作業を任せています。私が使用しているjQueryは、彼らが推奨するもの（1.7.2）と同じですが、新しいバージョンも使用していましたが、うまくいきませんでした（1.8）。

カルーセルが最初に読み込まれるとき、最初のスライドは問題ありません。その後、それはなくなり、カルーセル全体がページの外に配置されます。カルーセルが長く実行されるほど、ページから離れて配置されます。

私は何が欠けていますか？

4

1 に答える 1

0

プラグインの作成者がここで私を助けてくれました。プラグインは「auto」オプションをブール値に変更し、「12000」値はそれをスローしていました。アニメーションの遅延を設定するために、プラグインは「タイムアウト」と呼ばれるパラメーターを使用するようになりました。正しい実装スクリプトは次のようになります。

$().ready(function() {
    $(".homecarousel").jCarouselLite({
    visible: 1,
    auto: true,
    timeout: 12000,
    speed: 800, 
    responsive: false,
    swipe: true,
    circular: true,
    btnNext: ".next", 
    btnPrev: ".previous"
    });
});
于 2013-05-13T14:49:43.497 に答える