問題タブ [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 投票する
2 に答える
33023 参照

jquery - jQueryFlexSliderとカルーセルのサムネイルナビゲーション

私はjQUeryFlexSliderを使用しています。以下は私のコードです

そして、次のisin body

そして、以下はヘッドセクションの構成です

上記のコードから、自動スライド、左/右ボタンのナビゲーションを行うことができ、いくつかのthumnailsでクリックすると機能します。

しかし、現在のサムネイルの後ろにある2つのサムネイルをクリックすると、自動スライドが停止します。

どうすればこれを修正できますか?どんな助けでも感謝します。

よろしくお願いします!!

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

jquery - Jquery FlexSlider の連続的な動き (イージングをオフにして、スクロール ティッカーのように表示します)

JQuery Cycle から FlexSlider プラグインに移行したばかりで、次の部分を機能させるのに本当に苦労しています。

  1. リスト項目内に複数の画像があり、結合して 1 つの大きな画像として表示されます。イージングをオフにして、常に同じペースで水平にスクロールしたいと思います。

  2. 連続するデフォルトのアニメーションは動きが遅くなりますが、前/次の矢印があり、アニメーションをスピードアップして、クリックすると次のリスト項目に移動したいのですが、これは可能ですか?!

  3. ホバー時にアニメーションの途中でスクロールを一時停止したいと思います。「pauseOnHover」オプションを使用すると、次のスライドへのスクロールが完了するまで待機して一時停止します。

誰かが上記のいずれかで私を助けることができれば本当に感謝しています. これが私のコードです

私の HTML は、基本的にはプラグインの例で見られるものです。何も微調整していません。

もう一度、助けていただければ幸いです。

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

internet-explorer-7 - FlexSliderとIE7

RSSフィードからのカレンダーカルーセルを含むホームページを作成しています。FlexSliderをrssリーダーのjqueryプラグイン内に配置しました。どこでも動作するようですが、IE7です。これはFlexSliderの問題ですか?それとも私のコーディングですか?

例を参照してください:http://enews.andover.edu/q/v2/

ジョナサン、どうもありがとう

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

jquery - ブラウザの幅に基づいてJavaScriptを強制終了または実行します

一言で言えば、ブラウザウィンドウが特定のサイズよりも小さい場合にのみスクリプト(この場合はFlexslider)を実行したいと思います。

すなわち

幅480px未満(起動時またはサイズ変更時)-Flexsliderを実行します

幅480px以上(起動時またはサイズ変更時)-Flexsliderを強制終了し、リストアイテムを「静的」ブロック/ページ要素として表示します

現在、ブラウザの幅に基づいて、addClassとremoveClassを使用することで(ある程度)機能する次のコードがあります。ただし、必要に応じてスクリプトを強制終了または実行するには、ブラウザを更新する必要があります。ご想像のとおり、私はJSの専門家ではありませんが、あなたのアイデアを聞きたいと思っています。

HTML:

JS:


JS-リビジョン1


JS-リビジョン2

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

javascript - sync と startAt で flexslider を使用する際の問題

私は同期で2つのFlexSlidersを使用しましたが、最初の変更後に「startAt」パラメーターとスライダー停止を設定し、FFデバッガーでアラートがなく、Navスライダーが単に停止し、他のスライダーが正常に動作するよりも、すべてがうまくいきました。

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

そして、これが「ほぼ」[作業ページ] です。1 どうもありがとう!

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

jquery - flexsliderハッシュタグを互換性のあるものにする方法

mypage.com/#slide1やmypage.com/#slide2のようなリンクを共有して、スライダーの特定のスライドを呼び出す方法はありますか?

ありがとう。

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

jquery - jQuery-特定のクラスを失う要素の変数を定義して関数を実行します

ここに同様の質問があることは知っていますが、特定の値を取得しようとしています。

私はFlexsliderhttp://www.woothemes.com/FlexSlider/に取り組んでおり「flex-active-slide」クラスを失うスライドにいくつかの特別な関数を追加しようとしています。ドキュメントに基づいて、スライドアニメーションの前後に関数を挿入することができました。

上記の例にあるように、他のすべてのli.image要素に対して関数を実行する必要はありません。flex-active-slideクラスを失う要素に対してのみ実行します。

この要素を取得し、変数を使用して定義する必要があります。これにより、関数をでのみ正しく実行できるようになりli.imageます。これは、パフォーマンスの最適化の目的でも意味があります。

助けていただければ幸いです。

0 投票する
6 に答える
40924 参照

javascript - Flexsliderを外部要素から制御します。

要素の外側から制御したいFlexisliderがあります。私はこれを試しました:

しかし、それは戻りますTypeError: Object [object Object] has no method 'flexAnimate'

次に、このスレッド(https://github.com/woothemes/FlexSlider/issues/125)に遭遇しました。これは、これが適切な方法であることを示しています。

ただし、アニメーションの速度を指定する方法がわかりません。そのイベントの場合にのみ、変更を即座に実行したいと思います。

スライダー要素の外側からドキュメントに記載されているように、スライダーAPIにどのようにアクセスするのか疑問に思っていると思います

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

jquery - Flexslider 最後のアイテムが完全に表示されない

フレックススライダーを使用しています。一度に 4 つのアイテムを表示するスライドショーがあります。最後のスライドを除くすべてのスライドが正しく表示されます。
最後のスライドは最後まで行きません。つまり、最後のスライドに到達するまでは 4 つの項目すべてを見ることができますが、最後の項目に到達すると一部しか表示されません。

私のスライダーコンテナは900px広いです。

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

jquery - Flexslider2の垂直サムネイルナビゲーション

Flexslider 2を使用してサイトを開発しています。サムネイルナビゲーションをデフォルトの水平ナビゲーションではなく、垂直に機能させようとしています。

現時点での問題はそれが機能することですが、垂直ナビゲーションの機能には多くのバグがあることがわかりました。

誰かがこれをもう試しましたか?

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

乾杯、マーク