問題タブ [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 - フクロウ カルーセル 2 - キャプション div (画像のタイトルと alt タグ)
img
タイトルとalt
タグをdiv
( ) で表示する方法を探してい.image-caption
ます。
これまでの私のコードは次のとおりです。
何か案は?ありがとう!
jquery - OwlCarousel の現在のプロパティにどのようにアクセスしますか?
OwlCarousel に表示されているアイテムの現在の数を取得する必要があります。例: 設定で{items: n}
設定された数。この場合、responsive ディレクティブを使用します。
このような何か、私は期待しています
現在一度に表示されているアイテムの数をプログラムで判断したいと思います。
javascript - 複数のアイテムを自動再生しますか?
カルーセルに 4 つのアイテムが表示されていた場合、自動再生を設定すると 4 つの新しいアイテムに置き換えられます。ここで、アイテムのページネーションをクリックするとデモが表示され、その効果を確認できます。しかし、自動再生を設定した場合、1 つの項目だけを変更しますか?
php / html コード (cakephp)
javascript - フクロウ カルーセル 2 のトップ値 (要素スタイル) 常に 24px
別のページでフクロウのカルーセル 2 を使用しています。どこでも同じcssとjsを使用しました。何らかの理由で、ページを読み込むと、ナビゲーション ボタン (前と次) は常に 24px のインライン スタイルのトップ値を取得します。js または CSS のどこにも 24px のトップ値を宣言したことはありません。
これは私のHTMLです:
そして、これはjsでフクロウカルーセルをロードする方法です:
そして、前と次のボタンのcssがあります:
したがって、ボタンの値は top: 2px にする必要があると思います。しかし、代わりに、常に top: 24px のインライン スタイルを取得し、私の top: 2px 値を上書きします。これはどこかに設定されているデフォルト値ですか?しかし、どこでも同じコードを使用するのはなぜでしょうか?
html - フクロウ カルーセル ビデオのプリロード
ここには複雑なカスタム Owl Carousel があり、27 枚のスライドがあり、その中に約 25 個の MP4 ビデオ (それぞれ約 2Mb のサイズ) があります。
ビデオはローカルに保存され、HTML5 タグがあり、そこに preload="auto" が含まれています。
私の問題は、サイズが非常に大きいため (ビデオの合計で 20Mb)、重度の吃音であり、それを並べ替える方法がわかりません。
適切なプリロード ソリューションを知っている人はいますか、またはスライド上の Owl Carousel アイテム内でビデオを選択的にロード/破棄する方法を知っていますか?
ありがとう!グラハム