問題タブ [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.
jquery - Owl Carousel をどのようにインストールしますか?
私は練習サイトを作っていますが、これまで画像カルーセルを作成したことがなかったので、運試しをすることにしました。いくつかのグーグル検索の後、カルーセルを作成するための非常に便利なツールであると思われる Owl Carousel を見つけました。しかし、インストールに関しては、説明書がまったく理解できません。
これまでに行ったことは次のとおりです。
Owl Carousel をダウンロードし、'assets' フォルダーと 'owl-carousel' フォルダーをルート ディレクトリに移動しました。
これをすべて head タグに含めました。
/li>HTML を次のようにセットアップします。
/li>これをCSSに追加しました：
/li>最後に、このスクリプトを有効にしました。
/li>
私はこの結果を達成しようとしています:
http://owlgraphic.com/owlcarousel/demos/one.html
Jfiddle のすべてのコードを次に示します。
これは私の Web サイトの外観とはまったく異なりますが、必要な場合に備えてコードの全量を利用できるようにしたかっただけです。
それで、私は何を間違っていますか？このカルーセルを機能させるにはどうすればよいですか?
javascript - Owlcarousel (1.3.3): ジャンプバックせずにアイテムを追加する
Ajax を使用して、必要に応じて addItem() メソッドを使用して作成される OwlCarousel アイテムにコンテンツが動的に読み込まれるサイトを作成しています。
http://owlgraphic.com/owlcarousel/demos/manipulations.htmlのデモでわかるように、addItem が呼び出されると、カルーセルは常に最初の項目 (つまり、一番左、または最初の「ページ」) に戻ります。 ')。新しく作成されたアイテムまで自動的にスクロールしたいと思います (つまり、新しく作成されたアイテムを表示するために、右端または最後の「ページ」まで)。これを実現するためにコードを変更する方法はありますか? addItem() が呼び出されるとすぐに、カルーセルがジャンプするようです。
owl-carousel - owl-carousel 何も表示されない
フクロウのカルーセルに問題があります。このコードを HTML ファイルに追加します。
しかし、ナビゲーターは、フォーマットなしで1列に数字を表示します。私はすべてのフクロウのカルーセルを正しいフォルダーに持っています。問題はどれですか？
ナビゲーターはGoogle Chromeで、最終バージョンです。
すべての応答に感謝します
javascript - 同期されたカルーセル
私は現在、Owl Carousel プラグインを使用して、以下のアドレスに示されているデモに従って複数の同期されたカルーセルを作成していますが、1 つのページに複数のカルーセルがあります。
http://owlgraphic.com/owlcarousel/demos/sync.html
カルーセルを正常に複製し、さまざまな数の小さなアイテムを操作する際の特定の問題とは別に、カルーセルを独立して機能させることができました。一番上のカルーセルに一番下のカルーセルよりも多くのアイテムを作成し、一番下のカルーセルの表示アイテムの外側にある小さなアイテムを選択すると、両方の小さなアイテムのカルーセルが移動してそのアイテムを表示します (一番上のカルーセルでは選択されていません)。
つまり、次のコードでは、上部のカルーセルから「20」を選択し、下部のカルーセルの小さなアイテム カルーセルが右に移動してアイテム 20 を表示するのを確認します。次に、上部の小さなアイテム カルーセルのアイテム 3 を選択して、下部の小さなアイテムを確認します。カルーセルシフトバック。奇妙なことに、一番下のカルーセルの jQuery パラメータ内で項目数を増やしても、一番上のカルーセルにはまったく影響しません。
別の名前を割り当てる必要がある変数の場合だと確信していますが、何が問題なのかを突き止めることはできません。何かご意見は？
jquery - Owl Carousel でテキストをページネーションとして使用するにはどうすればよいですか
Owl Carouselを使用して、箇条書きや円の代わりにページネーションとして画像alt="Image Alt Text"または画像のテキストを使用したいと考えていました。title="Image Title Text"質問とフィドルを書いている過程で、私はそれを理解しました。下記参照。これが他の誰かに役立つことを願っています。
jquery - フクロウのカルーセルが読み込まれない
Owl カルーセルを Web ページに追加したいのですが、読み込まれず、ブラウザー コンソールにエラー メッセージが表示されません。カルーセルがロードされないのはなぜですか??