問題タブ [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.
javascript - WordPress のデフォルト ギャラリーで Owl Slider を使用する
オーバーライドできない理由により、サイトに WordPress のデフォルトのギャラリー追加機能を使用せざるを得ません。
投稿の「製品レビュー」セクションを制御するために Owl Slider を使用しようとしています。
ただし、Owl Slider と jQuerySlider 2 はどちらも、<div>
アイテムで使用されている要素を処理しているようです。
<dl><dt>+<dd>
Owl Slider に要素を利用させる方法はありますか?
CSS で簡単に制御できるように、左側の製品画像、右側の説明のように見えるようにする必要がありますが、Owl Slider が上記の要素で動作することを確認する必要があります。ギャラリーの JavaScript を介して html 出力を変更することも選択肢ではありません。私の上級開発者は、避けることができる JavaScript を使用することを嫌うからです。
コードの使用
ラップすることはできますが、すべてのギャラリー アイテムが一列に表示されます。このページは開発サイトにあるため、リンクできません。
ありがとうございました!
javascript - フクロウ カルーセル 2 ページネーション タイトルの順序が正しくありません
Owl Carousel 2 を使用して画像スライダーを作成していますが、すべて動作していますが、現在、スライダーのコントロールにテキストのページネーションを追加しようとしています。画像の HTML に title 属性を追加し、javascript を使用してスライダーのページネーションを設定しました。
HTMLは次のとおりです。
ここに私のJavaScriptコードがあります:)
しかし、画面に表示されると、ここに順序があります..
なんだか順番が全然違う…
ページャーに追加されたタイトルを表示するコンソール出力を追加しましたが、これも間違った順序です:/
joomla - joomlaベースのフクロウカルーセル
私たちは Joomla ベースの学校の Web サイトを持っており、下部にスクロールするフクロウのカルーセルがあります。
画像にウェブサイトへのリンクを含めたいと思います。
フクロウのカルーセルのコードがどこにあるかを見つけるためにどこにでも探しましたが、見つかりません。そのためのモジュールはありますが、コードを変更する場所がありません。
サイトの URL はhttp://www.kibworthprimary.org.ukです。
これは、default.php 内の tmpl フォルダー内のコードです。
php - フクロウカルーセル2レスポンシブ設定をjsonEncodeする方法
これはエラーです:
Uncaught TypeError: { 0:{items:1,nav:true}, 768:{items:2,nav:false}, 992:{items:3,nav: で '長さ' を検索するために 'in' 演算子を使用できません:真実} }
これを修正するにはどうすればよいですか?ありがとう。
javascript - 最後のスライドに到達したらスライドを停止します
Owl Carousel で最後のスライドに到達したときにスライドを停止するにはどうすればよいですか? click
以下のコードを使用して関数で実行しました。今、最後のスライドに到達したときに同じことを達成したい
javascript - 2 つのフクロウ カルーセルを同期するか、「onchangeprev、onchangenext」などのコールバックを追加します
2 つのフクロウ カルーセルを同期して、スライドを同時に同じ方法で変更しようとしています。カルーセルはループします。これを使用する場合:
アイテムの最後に到達した後の 2 番目のカルーセルは、本来のように前進せず (ループされます)、最初のアイテムに戻ります。
ドラッグも無効にして、これを試しました:
最初は問題ないように見えます...しかし、自動再生も有効になっており、両方のカルーセルで同じです(autoplay:true, autoplayTimeout:4000, smartSpeed:400
)。カルーセルを1〜2分間見ると、スライドの変更の間に時間間隔が発生し、非同期に動き始めます。間隔は大きくなく、1秒未満ですが、本当に不要です:(
prev.owl.carousel
アイテムを前next.owl.carousel
に変更するときと次のアイテムに変更するときにトリガーを呼び出し、2番目のカルーセルで自動再生を無効にできれば素晴らしいと思いますが、それを行う方法が見つかりませんでした:(
レスポンシブでループと同期が可能な別のスライダー プラグインの使用に関する提案を歓迎します。
javascript - フクロウのカルーセル検索 div
センター機能を使用しているフクロウカルーセル2を使用しています。カルーセルに表示するアイテムが 5 つあります。jquery を使用してクラスを追加し、カルーセル内の特定の div を検索することは可能ですか? div に ID やクラスを追加する必要はありません。 http://owlcarousel.owlgraphic.com/demos/center.html
ここに私のhtmlがあります
これが私のjsです
ライブで実際のカルーセルを表示する場合、これらの 2 つのクラス「a」と「b」を追加する必要があります。
だから私は基本的に中央の隣のdivと中央の隣の2番目のdivを見つけようとしています