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

javascript - flexsliderで画像をクリックしたときに次のスライドを表示する方法

私はflexsliderプラグインを使用していますが、次のスライドを表示する簡単な方法があるかどうかを知りたいと思いました(簡単な答えが見つからない場合に行うプラグインのコアを変更することは別として)現在のスライドをクリックしたとき。私はこのようにフレックススライダーをセットアップしました

Prev / Nextコマンドが気に入らなかったので、無効にしました。私は何をすべきか?

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

jquery - オーバーレイが開いているときに Flexslider を一時停止する

現在、Flexslider プラグイン (最近 Woo Themes が買収) を利用するプロジェクトに取り組んでいます。このページには複数のポップアップがあり、ポップアップがアクティブなときにスライダーを一時停止し、ポップアップが閉じたときに再開するようにします。一時停止は最初のラウンドでのみ機能し、スライダーの再開は機能しません。以下は、スライダーに使用しているコードです。「終了」呼び出しを除くすべての使用可能な呼び出しで「開始」機能を切り替えようとしました。

ページへのリンクはhttp://www.whitehardt.com/sandbox/whitehardt-v3です。

これに関する任意の助けをいただければ幸いです。

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

wordpress - Flexslider Wordpress - アイキャッチ画像へのキャプションと外部リンクの追加

そこで、Nettuts にある Envato FlexSlider プラグインにキャプションとリンクを統合しようと試みています。

http://wp.tutsplus.com/tutorials/create-a-responsive-slider-plugin-with-flexslider/

「Flexslider プラグイン」にキャプション領域を追加 しても機能しません。

これがすべての魔法が起こる envato-flexslider.php ファイルです。

注目の画像への外部リンクの追加に関しては、slider-img-type.php ファイルを使用してカスタム投稿タイプにカスタム フィールドを設定しようとしましたが、うまくいきませんでした。

助けてくれてありがとう、ダスティン

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

jquery - Flexslider:特定の回数ループする方法は?

スライドを特定の回数ループして、最後のスライドで停止したい。

助けてください。

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

javascript - Reverie wordpress フレームワークを使用した jQuery Flexslider プラグイン

スタック オーバーフローさん、こんにちは。

彼のチュートリアルhttp://wp.tutsplus.com/tutorials/create-a-responsive-slider-plugin-with-flexslider/で説明されているものを使用して、ワードプレスブログにフレックススライダープラグインを実装しようとしていますが、できませんReverie wordpress フレームワークhttp://themefortress.com/reverie/を使用すると動作するようです。別のテーマに変更すると、プラグインは正常に動作します。

関連するページはhttp://www.naused.co.uk/test-slider-page/で見ることができます

コンソールで Uncaught TypeError: Object [object Object] has no method 'flexslider' というエラーが表示されますが、プラグインが正しく使用されていると思われる理由がわかりません。ページ上の他の何かと Javascript が競合している可能性はありますか?

当初、画像が取り込まれていることがわかりますが、リスト項目にはjavascriptによってスタイルが適用されていないため、cssの問題である可能性があると考えていました。例では、それらは

リスト項目は、flexslider プラグインによってインライン スタイルが適用されるようになっています。

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

ありがとう、

サイモン

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

javascript - Flexslider - ホバーするまでナビゲーション矢印を非表示

現在Flexsliderを使用しており、現在画像の左右に表示されているナビゲーション矢印を非表示にできるようにしたいと考えていますが、ユーザーが画像にカーソルを合わせたときに表示されるようにしたいと考えています。古いサイト (muffin one) で取り上げられていたのを覚えていますが、woothemes では見つかりません。これを行うために情報を変更/修正/追加する方法について誰か考えがありますか? 前もって感謝します。

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

jquery - jquery Flexslider の手動コントロールが機能しない

「flexslider」プラグインの手動制御を実装しようとしています。

これが私のコードです:

サムネイル画像をスライダー コントロールとして使用したい。私は何を間違っていますか?

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

jquery - PrettyPhoto が開いているときに FlexSlider を一時停止する

この議論に続いて:

オーバーレイが開いているときに Flexslider を一時停止する

PrettyPhoto オーバーレイは div.pp_overlay と呼ばれますが、これを考慮してコードを修正すると無視されます。

何か不足していますか?

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

jquery - jQuery FlexSliderはスライダーを非表示にしますが、手動コントロールの可視性を保持します

一部の制御サムネイルを除いて、FlexSliderを効果的に非表示にしようとしています。サムネイルをクリックすると、FlexSlider がフェードインし、対応する適切なスライドにスライドします。

私が抱えている主な問題は、FlexSlider が非表示の場合、コントロールも非表示になることです。コントロール (FlexSlider デモでは一連のドットで表される) を永続的に表示できるように、2 つを分離する方法はありますか? 次に、スライダーを正しいスライドに移動させる onClick/fadeIn ハンドラーをアタッチできます。

私は現在、GitHub にある 'External Scaffold' メソッドを使用して、カスタムの手動コントロール コンテナーを使用しています。 . StephenWil によるこの「External Scaffold」は、https ://github.com/stephenwil/FlexSlider/blob/master/jquery.flexslider.js で見つけることができます。

ただし、この ManualControls メソッドも機能します。jquery Flexslider 手動コントロールが機能していません


他の誰かが同様の結果を達成しようとしていますか? 説明しているようなポップアップ スライダーは見つかりませんでしたが、多くの人 (およびそのクライアント) にとって望ましい機能だと思います。

この JS Fiddle に実行例を置いてチェックアウトしました: http://jsfiddle.net/uxCzq/

画面の左下に「ドット」/ナビゲーションが突き出ているのがわかりますが、Slider を非表示にすると、含まれている Slider div の外にあるにもかかわらず、ナビゲーションも消えます。

誰でも私を助けることができますか?? お世話になります!

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

jquery - jQuery Flexsliderが毎回ロードされない

クライアントの Web サイトに FlexSlider があります。問題は、毎回ロードされないことです。時々それはただ空白になります。あるべき領域。

これは、スライダーを生成するコードです。

jQuery FlexSlider v1.8を実行します。

これをより安定させるにはどうすればよいですか?

http://xlprint.no/でテストできます