問題タブ [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.

0 投票する
3 に答える
9267 参照

jquery - モーダルを開いたときの最後のアイテムでのフクロウのカルーセルの問題

OWL CAROUSEL の次の問題があります。単一アイテム オプションとホバー オプションで停止する自動再生を使用しています。各アイテムの内部では、モーダルを開くためにブートストラップ ボタンを使用しています。モーダルは OWL CAROUSEL の外にあります。カルーセルの最後のアイテムに到達するまで、すべてが正常に機能します。ボタンを押すとモーダルが開き、スライドが変更され(自動再生のため)、モーダルを閉じると、それが発生しました。ホバー時の停止も削除しました。最後のアイテムモーダルを開いた後、カルーセルが動かなくなりました。

レプリケートされた問題は、こちらの jsfiddle で確認できます

フクロウのカルーセル

ブートストラップ スタンダード モーダル

CSS

Jクエリ

0 投票する
1 に答える
185 参照

javascript - 奇妙な画像サイズ変更の問題

私は Twitter Bootstrat Freelance テーマを使用しており、(http://startbootstrap.com/templates/freelancer/)Own Carousel.js を組み込み(http://www.owlcarousel.owlgraphic.com/demos/demos.html)ました。

画像をクリックしてモーダルウィンドウで表示するときは別として、ブラウザウィンドウのサイズを変更するか、ページを更新するか、たとえばf12を押すまで、間違ったサイズに表示されます。その後、「それ自体を修正」するようです。

これがjsの競合の問題なのか、それともばかげたことをしているのかはわかりません(私はjsが初めてです)。コンソールを見て、エラーが表示されません。また、さまざまなバージョンの jquery とブートストラップを試しましたが、違いはありません。

ここで jsfiddle を作成しましたhttp://jsfiddle.net/johnny_s/34L6t/2/ jsfiddle を表示する場合は、画像をクリックしてみてください。モーダル ウィンドウで開いたら、画面のサイズを少し変更すると、私の意味がわかります。 . どういうわけか突然自分自身を修正します。

私はすぐに完了する必要がある個人的なプロジェクトを作成しようとしているので、この問題に関する助けや指示をいただければ幸いです:s

0 投票する
2 に答える
1174 参照

javascript - owlCarousel CSS3トランジションが機能しない

フクロウのカルーセル Css3 トランジションが機能しないのはなぜですか?

最近、自分のウェブサイトでこの問題が発生しました。

http://owlgraphic.com/owlcarousel/demos/transitions.html

0 投票する
5 に答える
34436 参照

javascript - フクロウ カルーセルのフェード効果が機能しない

フクロウのカルーセルにフェード効果を適用しようとしていますが、機能していないようです。

このフィドル ( http://jsfiddle.net/lav911/fHa6J/ ) でわかるように、ドキュメントtransitions.cssに記載されているファイルを読み込んでいます。

何か不足していますか?フェードではなくスライドするのはなぜですか?また、彼らのサイトでもフェードが機能しないことに注意してください。

後で編集: Google Chrome 35 と Firefox ではフェードするようですが、Google Chrome 36 ではスライドします。変。

0 投票する
2 に答える
27840 参照

jquery - OwlCarousel2 - アイテムの追加 + カルーセルの更新

Owl Carousel をアプリに追加するのに苦労しており、最新の 2.0.0-beta.2.4 バージョンの方が簡単だと期待していましたが、アイテムを追加して更新するという基本的な機能を取得することはできません。動作するカルーセル。

ここで私が間違っていることはありますか?

私が使用しているコードは次のとおりです。

デモとともに:

http://jsfiddle.net/52r9B/11/

ドキュメント ( http://www.owlcarousel.owlgraphic.com/docs/started-welcome.html ) には何も含まれていないようです - 明らかな何かが欠けていない限り。

どんな助けでも大歓迎です。

0 投票する
5 に答える
104789 参照

javascript - フクロウカルーセルを垂直に使用するには?

私はプラグインのコードを取りたくなかったので、誰かがプラグインを垂直方向に使用することができたのではないかと思っていました。このプラグインが横向きで使えるのは残念です。言語化してすみません…

0 投票する
0 に答える
190 参照

jquery - コンテナーにスライダーの画像が表示されない

私はブロガーのテーマでスライダーを使用しようとしています.FlexsliderとOwl Carouselの両方を試しました.両方ともページのサイドバーで完全に機能しましたが、それらをメインコンテナに入れようとすると表示されません.スライダーの画像、つまり、スライダーとすべてを完全にロードしますが、画像が隠されているか何かのように見えます。それは、背景が真っ白なスライダーのようなもので、画像がゼロで、下または sth のようなものです。ここで一体何が起こっているのか、誰にもわかりませんか?? 私がこれを使用したのを助けてください:

この

このコンテナで:

このスタイルで:

スライダーは最初のコンテナーでは機能しますが、他のコンテナーでは機能しません! 実際、他のコンテナに次のような別のスライダーを割り当てました。

ここで何が問題なのですか?