問題タブ [owl-carousel-2]

フクロウカルーセルを使用して画像付きのコンテンツを表示するために、各スライドに4つのアイテム(画像)が含まれる3ページのみを表示しようとしています。画像の総数を 12 に制限する (フォルダー パスに 30 ～ 40 の画像がある) か、ページ数を制限します。画像は特定のフォルダー パスに保存され、HTML ファイルでは定義されません。

各ページの画像数を制限するには、これを使用しました。表示されるページ数を 3 (それぞれに 4 つの画像) または画像の総数を 12 に制限したいと考えています。

Owl carousel 2 を使用して、1 つを中央に配置するオプションではなく、2 つのアイテムを中央に配置するスライダーを作成しようとしています。これまでのところ、ソース コードにいくつかの行を追加することで、中央のアイテムの左にあるアイテムにクラスを追加することができました。

しかし、4 つのアイテムを表示するときに 2 つのアイテムを中央に配置する方法がわかりません。中央のアイテムの横にある各アイテムを半分にクリップしたい。これを行う方法を知っている人、またはこれを含むライブラリの推奨事項を知っている人はいますか?

これは、私がこれまでにどれくらいの時間やってきたかの例を示したフィドルです

http://jsfiddle.net/7e97o5hn/4/

最初のスライド内にナビゲーション リンクを含む OwlCarousel があります。イベントの後、タイマーであるか、マウスがカルーセルから移動したときに、カルーセルを最初のスライドに戻す方法はありますか? リンクをクリックするのではなく、リンクの上にマウスを置いてカルーセルをトリガーすることもできますか?

コードスニペット：

カルーセル イメージ バナー スライダーに問題があります。最初のロードでは、私のページは次のようになります

ページを読み込むと、3 つの連続した画像があるように見えます (これらの画像はバナー スライドである必要があります)。しかし、しばらくすると (1 秒未満)、3 つの画像が適切にレンダリングされます。しばらくすると、Web ページが表示されます

問題は、最初にWebページをロードするときに、状態が2番目の画像のように見えるようにすることです。誰でも問題を知っていますか？Chrome デバッガーでデバッグしたところ、JavaScript に問題はありませんでした。何が問題なのか手掛かりを教えていただけますか?

フクロウのカルーセル onchange 関数を起動できないようです。関連するコードのスニペットを次に示します。何かアイデアはありますか?

HTML:

JS:

カルーセル ブロック内のアイテムごとに異なる autoplayTimeout を設定することは可能ですか。Item1(画像) - タイムアウト - 5000、Item2(画像) - タイムアウト - 8000、Item3(画像) - タイムアウト - 10000

このようなもの。

カルーセルが Edge または Chrome では応答しないが、IE11 では応答する理由。カルーセル自体はレスポンシブ デザインに従い、ウィンドウ サイズの変更に反応します。バナーがカルーセルの上に配置されるとすぐに、バナーとカルーセルの両方が応答しなくなります。それらのサイズは変更されず、固定されています。IE11 では、ウィンドウのサイズに応じてバナーとカルーセルのサイズが変更されます。

owlCarousel のバージョンは 2.1.6 です