問題タブ [flexslider]

1ページで複数のセクションがあり、それぞれにコンテンツDIVとフレックススライダーが含まれているWebサイトがあります。より大きな画面では、スライドアニメーションで背景がちらつく原因となる奇妙なバグがあるようです。ここで、アクションを実行します：http: //yyy.comuf.com/PORT/

ページに複数のフレックススライダーがあるためだと思いますが、それを修正する最善の方法がわかりません。

JS

}）;

HTMLスライダー-1

HTMLスライダー-2

両方のスライダーは現在、異なる画像を除いて同じです。

メインのJSファイルはここにあります：http：//yyy.comuf.com/PORT/js/jquery.flexslider.js

カスタム バナーを作成またはダウンロードしたい。

バナーには次の要件があります。

1. このバナーに画像とテキストを追加できます。
2. 各スライドに複数の画像とテキストを追加できます。たとえば、スライド 1 の側面には 2 つの画像とテキストがあり、スライド 2 には側面に 3 つの画像とテキストがあります。
3. 重要 - 画像が小さなサムネイルの場合、テキストは空白の領域または画像の周囲を埋める必要があります。バナーは、内部の要素 (div の場合もあります) に反応する必要があります。画像が大きい場合、テキストは画像の下または横に配置する必要があります。
4. 左右にスライド
5. 左右のナビゲーション ボタンとページネーション

例: http://www.bbc.co.uk - 上部のメイン バナー

私はインターネットで見て、次のことを試しました：

flexslider - 非常に優れており、ポイント 3 以外のすべての要件を満たしています。ただし、レスポンシブにする方法がわかりません。

軌道スライダー - 良いですが、flexslider の方がスタイリングが簡単です。

注: このバナーはモバイル デバイスでは使用されません。

私はこれについてちょっと混乱しています。このワードプレスに flexslider.css、jquery.flexslider.js、jquery の初期化をこの順序で追加しましたが、jquery がまったくないかのように動作しています。

http://www.brainbuzzmedia.com/themes/framework/

画像は互いの上に積み重ねられます。誰が何が悪いのか教えてもらえますか?

レスポンシブ メディア クエリをテーマに追加しようとしていますが、Flexslider は、メディア クエリに基づいてサイズを変更しますが、画像の半分しか表示しないという奇妙なことをしています。

これは、この出来事のデモです: http://www.brainbuzzmedia.com/themes/framework/

メディア クエリで使用した CSS は次のとおりです。

これの原因は何ですか？私は一晩中それにいました。

** 言い忘れましたが、ブラウザのサイズを 980px 未満になるまでサイズ変更してみてください。768-980px の範囲は今のところレスポンシブで、テーマの残りの部分は縮小しますが、スライダー内の画像は縮小中に画像の左半分のみを表示します。

私はflexsliderを使用しています.Webサイトの指示に従うと、複数のスライダーでは機能しません.これはコードです:

両方のスライダーにコントローラー ナビゲーションが必要です。手順は次のとおりです: http://www.woothemes.com/flexslider/

誰かが私が間違っていることをしていますか?

レスポンシブフレックススライダープラグインに問題があります。実際のスライドショーに多くの画像がない限り、プラグインは正常に機能します。その場合、ロード動作は受け入れられません。

次のflexsliderイメージプリローダースクリプトを機能させることができないので、誰かが私を助けてくれることを望んでいました。

これが私が使用しているコードです：

FLEXSLIDER HTML

HTMLヘッドのFLEXSLIDERSCRIPT

FLEXSLIDER.CSS

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

私のサイトの「作品」セクションで、3 番目のギャラリー (コマーシャル) が表示されないようです。

リンク - http://www.alliedouglass.com/20120521_index.html#work

「ジャーナリズム」のスライドから始めて「コマーシャル」をクリックすると、一瞬表示されて消えてしまうことに気付くでしょう。

フォト ギャラリー プラグインはhttp://juicebox.net/で、コンテンツ スライダーは flexslider です。

これは私の最初の Web サイトなので、コードに多くのエラーがあり、ページの読み込みが遅いことをお詫びします。これらはすべて、私が現在取り組んでいる、または少なくとも試みていることです。

モーダルウィンドウでflexsliderを使用しています。モーダルウィンドウを開くと、フレックススライダーと次/前のナビゲーションが表示されます。ただし、最初はナビゲーションが機能しません。数分待ってページに戻ると、ナビゲーションは正しく機能します。

私はfirebugをチェックしましたが、スクリプトを妨げるものは何も見当たりません。

なぜこれが起こっているのか考えていますか？

Woo Theme の Flexslider を使用して、複数の Vimeo ビデオでスライダーを作成しています。Froogaloop ($f) ライブラリを使用して、vimeo イベントに基づいて Flexslider を再生および一時停止することはできますが、Flexslider で次/前のイベントを取得してビデオを一時停止することはできません。

各 vimeo プレーヤーが変数としてハードコードされている場合は機能しますが、任意の数のビデオをサポートできるようにするにはスライダーが必要です。ここで例を参照してください: http://demo.astronautweb.co/slider/flex/vimeo-multi.html

Flexslider ページの例は、オブジェクトであるスライダー イベントをフックし$f(player)ます (私はそう思います)。これは、コードで使用するときに最後のスライドのみを対象としています。W

Flexslider 独自のslide.currentSlideを使用しようとすると、オブジェクトではなく要素のみをターゲットにできます。これは、私の JavaScript 知識の上限に達した場所です。

コードは次のとおりです。

});

Flexslider の基本バージョンをインストールしました。div ID="main" に関連する css を削除して、スライダーがページ全体に広がるようにしました。

ただし、画像は新しい幅に従って調整されません。

これが私の言いたいことです。

次の width プロパティを変更しました。

これにより幅が変更されますが、画像はスライダーが開始する左側から開始するように自動的に整列されません。一種のイメージオーバーラップが残っています。

それらを揃えるには、CSS で何を変更する必要がありますか? FlexSlider は固定画像サイズでのみ機能し、流動的なレイアウトでは機能しませんか?