問題タブ [flexslider]

スライドを表示するためにflexslider2を使用しています。

しかし、最初のページの読み込み時にli要素の幅が正しく計算されないという問題があります。

Firebugを開いてインラインスタイルをクリックすると、幅が変わり、すべてが正しく表示されます。また、ブラウザのサイズを変更するだけで、すべてが正しくなります。

なぜこの問題が発生するのですか？

flexsliderコードを調べると、次のことがわかります。

サイズ変更時に、computedWのみを使用するためです。

私を助けてください！！！

Flexslider を含むテンプレートを WordPress にインストールしました。私の言語は右から左 (RTL) で書かれています。ページが RTL の場合、Flexslider は停止し、画像は表示されません。この問題を解決するにはどうすればよいですか?

すべての広告とスクリプトの読み込みが完了すると、Flexsliderの読み込みがスライドし、すべてのスクリプトと広告の読み込みが完了するまで、flexsliderの場所が「大きな穴」になっていることに気付きました。なぜだかご存知ですか？

私は YouTube Iframe API を初めて使用し、ユーザーが別のスライドに移動したときに、スライドショー (jQuery flexslider プラグイン) にあるいくつかの埋め込まれた Iframe ビデオを一時停止しようとしています。プレーヤーが一時停止されていない場合、ビデオは引き続き再生されます。スライド ショーには複数のビデオがあるため、新しいスライドが表示されたときにそれぞれのビデオを一時停止する必要があります。iframe は API 経由では挿入されませんが、使用している CMS により、既に html に存在しています。

API リファレンスとここで見つけたいくつかの回答を読みましたが、ユーザーが新しいスライドに移行したときに任意/すべての iframe ビデオを一時停止する方法を理解するのに苦労しています。

私の最近の試みでは、以下のコードに見られるように、リンクがクリックされるたびに iframe を一時停止しようとしました。これは、ページ上の唯一のリンクが次のスライドと前のスライドに移動するためであるためです。また、flexslider API を介して提供されるスライド遷移イベントですべてのビデオを一時停止しようとしましたが、成功しませんでした。

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

以前にflexsliderを実装したことがありますが、今回はi-phoneやi-padで見るとリサイズされていません。また、ブラウザ ウィンドウのサイズを変更しているときも機能しません。回避策を提案してください。今のところ、flexslider.css ファイルにメディア クエリを追加して機能させました。

助けてくれてありがとう。

構築しているWebサイトでFlexsliderを使用しています。

私は応答性がとても好きで、それが私がnivo-sliderまたは同様のものに変更したくない理由です。

マイナス面は、すべての画像が読み込まれる前に最初の画像が表示されないことです。したがって、サイトが正しく表示されるようにするには、スライダー内のすべての画像が読み込まれるまで待つ必要があります。これはデスクトップ/ラップトップでは受け入れられますが、モバイルデバイスでは受け入れられません。

Flexslider-画像プリローダーで同様の質問を見つけましたが、動作させることができませんでした。

これを使用してコードをトリガーします

そしてこれは私のHTMLで

質問は。スライダーに最初の画像をできるだけ早く表示させるにはどうすればよいですか？次に2番目など。

編集：私は問題を解決しました。それは以下の正解に示されています。より良い解決策がある場合：共有してください：D

ホームページの画像スライダーに flexslider を使用しているサイトを構築しています。

うまく機能していますが、IE7 でテストすると、最初のスライドの段落テキストが表示されません。これは、h2 とボタンが表示されているため、非常に奇妙です。これは、後続のすべてのスライドの完全な内容と同様です。

flexslider に起因する問題だと思いますが、修正方法がわかりません。

サイトへのリンクは次のとおりです: https://mariaridge.myshopify.com/

どんなアイデアでも大歓迎です！

前もって感謝します、

トム

データをテンプレート化し、選択した div に追加するループを作成しました。次の関数を実行する前に、このデータが完全にテンプレート化され、挿入されていることを確認したいので、本当に必要なのはコールバック関数のようなものです。誰がこれを行う方法をアドバイスできますか?

JS

クライアントから、「スライド」アニメーション中に各スライド間に少なくとも 40 ピクセルのパディング/マージンがあるという (異常な) 要求があります。Flexslider のデフォルトは、アイテムが互いにフラッシュされることです。

2.0 には「itemMargin」用の新しい JQuery オプションがありますが、「カルーセル」のセットアップにのみ使用されるようです。CSS でマージンを適用すると、各スライドが次のスライドにぶつかります。

スライド間にマージンを適用する方法はありますか、それとも不可能なオプションですか?

これが私の現在のオプション設定です

モバイル Web サイトで flexslider を使用しているときに、ドロップダウンの表示と選択に問題があるようです。 ここに、同様の問題がリストされました。しかし、解決策は私にはうまくいきませんでした。私は useCSS:false を使用しましたが、どういうわけか私にもうまくいきませんでした。Androidジンジャーブレッドを使用しています。

ボタンを送信したり、テキストを入力したり、チェックボックスを使用したりできますが、ドロップダウンはできません。どんなアドバイスでも大歓迎です。

==編集済み==

ここで、やや似たような報告された問題を見つけました: https://github.com/woothemes/FlexSlider/issues/82 それが Webkit 関連の問題であっても、誰かがこれに対する解決策を提案できますか?

backface-visibility:hidden を設定しているにもかかわらず、他のスライドのドロップダウンが表示されることがあります。