問題タブ [owl-carousel-2]

ここでこのコードを見つけました: https://stackoverflow.com/a/32636784/2785140しかし、ページに複数のスライダーが含まれている場合、残念ながら正しく機能しません。

html:

複数のスライダーで動作させるには?

前もって感謝します。

私は複数の div をスライドするために Owlcarousel 2 を使用しています。問題は、各「スライドページ」内に絶対として配置されたいくつかの要素があり (どちらも動作していない相対)、アニメーション中に表示されず、単に「ブリック- in」でアニメーションが終了します。

これは私のhtmlがどのように見えるかです

そして、これは私のJSファイルです

スライドインしているときでもすべての要素を表示するにはどうすればよいですか (スライドアウトしているときは機能します)。Owlcarousel 1 で動作していました。

次のように、2.0.0b4 を使用してフクロウのカルーセルを作成し、画像を div の背景スタイルとして使用しました。

かなりうまく機能し、OC2 の応答性のすべてが正常に機能しています。唯一の問題: カルーセルをスクロールするたびに、画像がステージの空白に入り、後で背景を一度に描画するだけです. したがって、ロード時にこの醜いフラッシュが発生します（これは遅延ロードとは別だと思います）。

これは、前方にスクロールするときと、既に見た div にスクロールして戻るときの両方で発生します。あたかも div が所定の位置に配置され、すべてのアニメーションが既に発生した後にのみレンダリングされるかのようです。

アイデア？

owlCarousel 2を使用して画像を表示し、tinymce 4を WYSIWIG エディターとして使用しました。

カルーセルからFireFox 41.0.2の tinyMCE WYSIWIG エディターに画像をドラッグすると、奇妙な問題に直面しています。画像をドロップするだけでなく、画像が含まれるカルーセルの div をコピーします。

フクロウの設定はこちら

ドラッグ アンド ドロップ後の TinyMCE WYSIWIG の HTML

クロム

ファイアフォックス

詳細については、Firefox でhttp://fiddle.tinymce.com/Cifab/2を確認してください。

注：draggable = 'true'カルーセル画像タグは設定しdraggableていませんが、設定しても結果は変わりませんtrue。助言がありますか？

Owl Carousel 2 をダウンロードして、インラインの背景画像を含むカルーセルを作成しました。http://www.owlcarousel.owlgraphic.com/demos/lazyLoad.htmlにあるドキュメントをよく読みました。

それは言います：

LazyLoad HTML 構造には、class="owl-lazy" および data-src="url_to_img" または data-src-retina="url_to_highres_img" が必要です。上記の設定を on ではなく他の DOM 要素に設定すると、Owl は画像を css インライン背景スタイルに読み込みます。

これが私のJSの初期化です：

私のHTMLコード:

しかし、divに挿入されたその画像をロードしていません。私はグーグルでそれを検索しましたが、すべて静脈です。現在は機能していません。更新の失敗か何かである可能性があります。それとも、何かが足りないのでしょうか？

フクロウ カルーセル ベータ版と安定版を同じページで併用したい。方法はありますか？

製品スライダーにフクロウ カルーセル 2 を使用しました。製品は管理パネルから追加され、画像を含めてフロントエンドに表示する必要があります。画像を追加して前面に呼び出すことはできますが、フクロウのカルーセルに収まらず、サイトの外観が乱雑になります。画像ソースに直接配置すると機能しますが、Javascript からの呼び出しは機能しません。私が必要とするのは、製品情報と画像が収まる必要があり、フクロウのカルーセル 2 がサポートすることだけです。jquery 2.1.4 とブートストラップ 3 を使用しています。

HTML:

Javascript:

ここにjfiddleがあります

次の前のナビゲーションをクリックすると、フォームに重複フィールドが表示されるブートストラップ選択ピッカー.フクロウカルーセルスライダーでフォームを使用しています。これはフクロウのカルーセルの問題ですか、それともブートストラップの問題ですか。私はrent it htmlテーマを使用していますが、テーマ自体に問題があります。ブートストラップ バージョン v1.6.3。