問題タブ [flexslider]

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 に答える
8701 参照

scroll - Woothemes Flexslider スライダー速度の変更に関する問題

私は woothemes flex スライダーを使用しており、スライドの自動スクロールを高速化する必要があります。一番下の jquery.flexslider.js ファイルにはデフォルト設定があり、速度を制御しているように見えるファイル内の唯一の場所です。ただし、速度を 7000ms から高い数値または低い数値に変更しても、速度はまったく変化しません。本当に単純なものが欠けているようですが、どれがうまくいかないのですか。

flexslider は単純な html ページに配置され、速度はローカル バージョンまたはオンラインで変わりません。

Ps は新しいメンバーであり、まだ画像の投稿を許可されていません。このメッセージに貼り付けたコードは、行に表示されて読みにくいため、省略しました。

以前にこの問題に遭遇し、それを修正する方法を知っている人はいますか? アドバイスをいただければ幸いです:)

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

jquery - jQuery Mobile+Flexslider-コールバック後にAJAXをロードするプログレッシブ画像を含むスライドショー

コールバック後にフレックススライダーで新しいスライドを再初期化する問題があり、4つのスライドがスワイプ/使用された場合、機能しません。

あなたがそれをチェックしたいかもしれないjsfiddleがあります。

http://jsfiddle.net/mtgv7/3/

また、 https://github.com/woothemes/FlexSliderを介して新しい関数slide.add()とslide.remove()が実装されていることにも注意してください。これらの新しい関数については、これ以上の情報はありません。使い方がわからなかったので試してみましたが、うまくいきませんでした。

モバイルデバイスでのDOMメモリのパフォーマンスにより、後ろにスワイプすると古いスライドが復元されて新しいスライドが削除され、次に前方にスワイプすると古いスライドが削除されて新しいスライドが追加されるというサイクルのような機能が必要です。

iframe、ajaxloadHTMLなどのヘルプや提案をいただければ幸いです。

ありがとう!

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

jquery - flexsliderのJquery Flexslider

フレックススライダーに問題があります。別のフレックススライダー内にフレックススライダーを作成したい。そのように修正しようとしましたが、正しく動作しません。

HTML:

JS:

解決策はありますか?

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

php - フレックススライダーの画像
  • PHPによって動的に生成されます。代替テキストを使用してキャプションを作成しようとしています
  • 私のサイトにはバニラ flexslider がインストールされています。スライダーは、順序付けられていないリスト内のリスト項目を循環することによって動作します。リスト項目の後にキャプション コンテナーを追加するだけで、キャプションを追加できます。これは、ハードコードされた画像でうまく機能します。

    私が直面している問題は、サイトに複数のセクションがあり、セクションごとに異なるスライド ショーがあることです。li 要素をハードコーディングする代わりに、php で生成しているため、ユーザーがページにアクセスすると、php はユーザーが表示しているページを特定し、それをスライドショーに渡します。次に、スライドショーは適切な画像ディレクトリを見つけ、そのディレクトリ内の画像が 2 つであろうと 20 であろうとすべてロードします。各スライドショーをハード コーディングするよりもはるかに簡単で、美しく機能します。

    動的に生成された各画像の代替テキストを読み取ってから、キャプション コンテナーに配置するには、flexslider を取得する必要があります。

    私は使用してみました:

    そして、flexslider の current.slide をいじっても無駄です。私はこれを一晩中検索してきましたが、これを理解できないようです。ここの誰かがミッシングリンクを提供してくれることを願っています。

    前もって感謝します。

    編集:私はこれを理解しましたが、それは真剣に複雑すぎる問題でした. 私がしなければならなかったのは、キャプション内の「alt」属性に使用していた EXIF データを呼び出すことだけでした。なぜこれに気付くのにそんなに時間がかかったのか、私にはわかりません。助けてくれてありがとう!

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

    javascript - 'Flexslider'の現在の画像番号を関数で使用できる変数にするにはどうすればよいですか?

    私はflexsliderを使用しています。このページの高度なタップの下に例があります( 「新しい堅牢なコールバックAPI」slider.currentSlideのセクションで、現在のスライドの番号を取得するために使用します。

    完全に異なる関数でこの値にアクセスするにはどうすればよいですか?私はグローバル変数について考えていますが、それが機能するかどうかはわかりません。また、関数内の変数をグローバルとして宣言できるかどうかもわかりません。

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

    jquery - FlexSlider の destroy メソッドはありますか

    新しいギャラリー リストが非同期的に呼び出されたときに、ページを更新せずに FlexSlider を再初期化しようとしています。

    以下のルーチンは機能すると思いますが、機能しません。新しい画像が正常にロードされても、最初の FlexSlider が持続しているようです。

    ギャラリーを破棄してから再構築する方法はありますか?

    ありがとう

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

    javascript - Flexsliderを使用したハッシュURLナビゲーション

    フレックススライダーを利用したウェブサイトを構築していますが、URLハッシュナビゲーションを実装したいと思います。URLのハッシュに基づいて、表示したいスライドのインデックスを取得する予定です。最も近いのは、手動ナビゲーションのコードを確認することです。ここで、クリックされた要素のインデックスは、滑り台:

    そこで、原則を調整して、Flexsliderのstartプロパティに配置してみました。

    URLのハッシュに基づいて対応する整数を取得することは問題ではないはずですが、テスト整数で必要なスライドを取得できないようです。

    URLハッシュとFlexsliderの経験はありますか?

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

    javascript - Flexslider スライドの追加 (Ajax コンテンツ)

    多くの画像コンテンツを含む 4 つのスライドがあるページを書いています。読み込み速度を向上させるために、最初のスライドのみを読み込みます。次に、ロードされた後、ajax 呼び出しを介して残りを取得し、スライドとして追加します。

    Flexslider V2 にはこのための .addSlide 関数がありますが、slider.addSlide is not a functionエラーが発生し続けます。

    どんな助けでも大歓迎です。ありがとう

    フレックススライダー

    これが私のコードです。

    [アップデート]

    スライドが 1 つしかない場合、flexsider はこれらの追加機能を受け入れないようです。2 つのスライドから始めることで、このアイデアはうまくいきます。これは、flexslider のエラーまたは意図された機能である可能性が最も高いです。

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

    javascript - .attr('title')が前の要素のタイトルを取得するのはなぜですか

    UPDATE Flexsliderには、これを可能にするためのコールバックスペースがたくさんあります。

    みんな、ありがとう

    ライブコード
    デバッグ用にライブコードをアップロードしました。これのjsfiddlesを作るのはかなり難しいでしょう。

    問題: 関数fetchTitle()は、最新ではなく前の画像タイトルを取得しますか?

    説明:fetchTitles()フレックススライダーのアクティブなスライドからタイトルタグを取得し、それを変数に配置する関数が失敗しましたtargetTitle。次に、に置き換えh1.head_lineますtargetTitle

    スクリプト:(完全なスクリプトとペアになって、完全なライブコードを表示してください)

    HTML

    追加情報:

    • リンクを2回クリックすると、タイトルが自動的に更新されることがわかります。
    • 準備完了のドキュメントのフェッチタイトルは、準備完了があったとしても識別されません.flex-active-slide
    • スクリプトは、ソースの下部にありますscript2.js
    0 投票する
    2 に答える
    3600 参照

    jquery - Flexslider - アンカーに応じて特定のスライドから開始しますか?

    アンカーリンクに応じて、flexsliderを特定のスライドで開始する方法はありますか?

    例えば。

    http://site.com/index.html#slide1 - スライド 1 から開始

    http://site.com/index.html#slide3 - スライド 3 から開始

    startAtオプションで次のような変数として設定したいと思います

    window.location.hash がnumberの場合、 number から開始します