問題タブ [owl-carousel-2]

質問する

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

328 問題
Newest
Active
Bountied
318
Unanswered
0 投票する
2 に答える
753 参照

meteor - Meteor - フクロウ カルーセル 2 を含む動的ページ。ページを更新すると、フクロウ カルーセルが壊れます。

jquery OwlCarousel2 の表示に問題があります。すべてのデータ コンテキストが Iron-router によってテンプレートに送信されます。

UI が正常に動作する場合と動作しない場合があります。ページを更新しようとすると、カルーセルが壊れます。

ここに 15 秒のビデオ デモがあるので、表示の問題がはっきりとわかります。 UI の問題 - OwlCarousel2 と Meteor2

Meteor.defer( ) または Meteor.setTimeout( ) などを使用して、この問題を解決するためにさまざまな方法を試してきましたが、この問題に 10 日以上苦労した後も、まだ運がありません。これで私を助けてください。どうもありがとうございました。

コレクション.js

ルート.js

AlbumSingal.html

OwlCarousel.html

OwlCarousel.js

0 投票する
1 に答える
4706 参照

jquery - 円形の自動再生ビデオとカルーセルを使用した Owl Carousel の HTML5 ビデオ

以下のコードは循環ビデオとカルーセルの自動再生では正常に動作しますが、問題は、ブラウザー ウィンドウのタブを変更し、しばらくして戻ってきたときに、このタブのビデオが動かなくなり、循環が停止することです。

0 投票する
2 に答える
2692 参照

twitter-bootstrap-3 - フクロウのカルーセルは幅が固定されていなくても本当に機能しますか?

通常、幅を 1200px に設定するラッパー コンテナーを含むページでフクロウ カルーセル 1.3 を使用しています。

レスポンシブ サイトの構築を開始しましたが、現在はどのラッパーでも固定幅を使用していません。バージョン 2 の Owl も使用しています。

ブートストラップ グリッド レイアウトを使用して、フクロウのカルーセルをレスポンシブにしようとしています。ただし、これを機能させることはできません。親 div に幅を設定した場合にのみ機能するようです。

たとえば、私がこれを持っている場合：

フクロウのスライダーは画面幅の 100% を占有し、66% の col-md-8 幅を無視するため、レイアウトが壊れてしまいます。

フクロウのカルーセルは本当にレスポンシブですか?それとも動作させるには幅を固定する必要がありますか?

0 投票する
1 に答える
749 参照

javascript - RTL方向でフクロウカルーセル同期を使用する方法

RTL 方向でフクロウのカルーセル同期を使用したいのですが、機能しません

私は同期フクロウカルーセルが機能しないこの問題のバグを修正するために次のスタイルを書きました:

今何をする？

0 投票する
0 に答える
768 参照

javascript - カスタム フクロウ カルーセル ページネーション

フクロウのカルーセルでカスタムのページネーションを作成したいと考えています。「モバイルアプリ」をクリックするたびに、対応するビューに移動する必要があります。カルーセルが変更されるたびに、リンクを jquery で更新する必要があります。リンクはビューの左側にあり、スライダーは右側にあります。そのため、カルーセルが変更されるたびに、リンクを更新する必要があります。jqueryでこれを達成する方法がわかりません。誰か助けてください！

0 投票する
1 に答える
1946 参照

jquery - フクロウカルーセル スクロールなしで特定のアイテムにジャンプ

私はフクロウのカルーセルをセットアップしています。特定のアイテムにジャンプしようとしている場所。ここにフィドルがあります。

フィドル

owl.goToアイテムに直接ジャンプするために使用しています。

しかし、フクロウのカルーセルがこれを行う方法は、他のすべてのアイテムをスクロールしてターゲットに移動することです。たとえば、現在のアイテムが 2 でジャンプすると、7 に移動するために 3、4、5、6 番目のアイテムがスクロールされます。

私が期待しているのは、すべての項目をスクロールせずに次の項目だけを表示するようにコードを変更することです。

フクロウのカルーセルは、そのままではこのオプションを提供していないと思います。しかし、もしそうなら、私に知らせてください、それは素晴らしいことです.

したがって、過去にそのようなタスクを実行したことがある場合は、助けてください。

注：フェード効果が直接遷移を示すことは知っていますが、探しているのはスクロール遷移です。

また、すぐに使用できる機能を提供するフクロウのカルーセルに代わるものがある場合は、知っておくと便利です。

0 投票する
1 に答える
3376 参照

jquery - OwlCarousel2 のスクロール速度を設定する

私はデモを使用しました https://owlcarousel2.github.io/OwlCarousel2/demos/mousewheel.html は、そのサンプルで逆スクロールを行うため、以下のコードのみを変更しました。

しかし、それは非常に速い速度でスクロールします。ステージごとに 6 つのアイテムを使用する場合は問題ありませんが、私のようにステージごとに 2 つまたは 1 つのアイテムを使用する場合は、アイテム番号 3 または 4 ではなく、番号 10 ～ 11 までスクロールします。

スクロール速度を遅くする方法を教えてください。1 回のスクロールで 2 ～ 3 個のアイテムをスクロールするには？

Safari、Mac OSX Sierra を使用しています

完全な JS コード:


12345678910