問題タブ [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.
css - トランジション中にアイテム間の空白を削除する
Owl Carousel を使用してスライドショーを作成しています。
すべてのカルーセル アイテムに同じ背景色を使用すると、アイテム間の遷移中に空白が表示されます。
この問題は、Chrome ブラウザを使用している場合にのみ発生します。
問題が発生している例を参照してください: jsfiddle.net/7yd04b1p/7
Owl Carousel は CSS3 translate3d を使用してスライドのトランジションを行っていることがわかりました。Chrome はこれを別の方法でレンダリングしていると思います。
誰でもそれを解決する方法を知っていますか?
ありがとう！
jquery - フクロウ カルーセル 2 ループの空白のフレーム/アイテム
https://staging.thomasfarms.kitchen/のホームページで owl carousel 2 を使用して4 つのスライドを表示しています。loop オプションは true に設定されています。この問題は、タッチ ベースのデバイス (私の経験では iphone/safari ブラウザー) で発生しており、次のフレームにスライドするときにスライド アイテムがランダムに空白になります。なぜこれが起こっているのか誰にも分かりますか？
javascript - Owl Carousel 2: 現在のアイテムの抜粋またはアイテムの詳細を表示する方法はありますか?
私の目標は、次のようなアイテムのタイトルと説明を含むカルーセルを作成することです。
ページネーションの下に現在の商品説明を表示したい。Owl Carousel 2 経由で可能ですか?
これが私のコードです：
上記のコードは、アイテムのクラスを追加および削除するためだけのものです。 しかし、ページネーションの下に現在のアイテムの説明を表示するにはどうすればよいですか?
javascript - フクロウ カルーセル 2 マウスホイール スライダー
マウスホイールのフクロウ カルーセル スライダーの 1 つだけをスクロールするオプションはありますか? 前または次のボタンをクリックすると、現在のカルーセルのみがスライドしますが、マウスホイールではすべてがスライドします!
HTML
JS
angular - 非同期変更ng-contentでAngular2でowl-carouselを使用する方法
Angular 2 アプリに owl-carousel を実装しようとしています。
私はこの例に従いました Angular2でフクロウカルーセルを使用する方法? 実際には、アイテムが非同期変更 (ng-content async change) であるという唯一の問題でうまく機能します。
owl-courosel の内容が変更された (推奨者または批判者) ときに plnkr にソリューションを実装することにより、プラグインはリロードしません。そのため、アイテムのリストだけが表示されますが、スクロールしません。
したがって、カルーセル コンポーネントが呼び出される nps-comments.component.html があります。
次に、実際の carousel.component.ts
これが carousel.component.html です。
どんな助けでも本当に感謝しています。ありがとうございました。