問題タブ [owl-carousel]
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.
javascript - フクロウ カルーセル プラグインがイベント クリック内で動作しない
次のコードのように、クリックイベント内でフクロウカルーセルを初期化する必要があります。最初にクリックすると機能しますが、(イベント div で) もう一度クリックすると機能しません。どうすればそれを達成できますか? フクロウのカルーセルをリセットする方法はありますか?
この投稿の最後の部分に完全なコードを追加して、pb をよりよく理解し、テストしました。
これについて私を助けてもらえますか？私は本当にこれが必要です。
前もって感謝します、
CAFC
ソース フクロウ カルーセル: http://owlgraphic.com/owlcarousel/demos/customJson.html
私の完全なコード:
jquery - OWL Carousel: クリックされたオブジェクトのインデックスを取得する
だから、私が設計している UI のナビゲーションにカルーセルを使用しようとしています。カルーセル内の div オブジェクトの 1 つのインデックスを簡単に取得する方法があるかどうか疑問に思っています。
divの1つをクリックすると、それがカルーセル内の中央に配置されるようにしようとしているので、クリックされたdivのインデックスを取得できれば、以下のコードを呼び出してそれを中央のアイテムとして設定できます.
私がやろうとしていることの画像:
jquery - フクロウのカルーセル画像に背景色を追加する
jQuery Owl Carouselを使用していますスライダー画像に背景色を追加する画像スライダーを作成しました。
2019 年のメモ: http://owlgraphic.comが悪意のあるサイトにリダイレクトされるようになりました。
マークアップは次のとおりです。
私はこのCSSを追加することを結びました:
私はこのコードを#owl-slider親に追加しようとしました.itemが、これらのどれも機能しませんでした。
ここにjsbinがあります
スライド画像に背景色を追加する方法について何か提案はありますか?
javascript - imgの代わりにhtmlファイルを使用するフクロウカルーセル2
owl carousel 2 を使用して単純なスライド式カルーセルを作成しています。現時点では画像のみを使用していますが、.html ファイルの代わりに .html ファイルを使用できるようにしたいと考えています。これらのhtmlファイルには、画像をロードできる複数のdivがあり、画像全体がスライドするのではなく、変更されるだけです。どうすればこれを行うことができるかについての提案はありますか?
現在の HTML ファイル:
jquery - フクロウ カルーセルが表示されない
Bootstrap 3 および Meteor と一緒に OwlCarousel バージョン 2.0 を使用しようとしています。
次のようなカルーセルのテンプレートを作成します。
これを index.html ファイルに含めます。
最後に、カルーセルをインスタンス化するための別の .js ファイルがあります。
このコードの大部分はドキュメントからコピーされています。したがって、私はそれが機能することを期待しています。ただし、何も表示されないだけです。ここではカルーセルが問題のようです。div から .owl-carousel クラスを削除すると、要素が表示されるからです (もちろんカルーセルではありません)。
これが機能しない理由と、機能させる方法を誰か教えてもらえますか? よろしくお願いします。
ありがとう、
トニー