問題タブ [fancybox-2]
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.
jquery - Fancybox を使用した親でのポストバック
私はfancyboxでいくつかのテストを行ってきましたが、ここで仕事で本当に必要なのは、閉じた後に親ページでポストバックを行うある種のモーダルです。私はfancyboxでそれを作ろうとしています.他のトピックを読んでこのようにしてみましたが、うまくいきません.アラートが表示されないため、イベントにも入りません:
私もそれをやってみまし__doPostBack()
たが、どちらもうまくいきませんでした。誰かが私を助けることができますか?
jquery - overlay:true を使用せずに自分のページをクリックしてファンシーボックスを閉じるにはどうすればよいですか
ファンシーボックスのコンテンツの外をクリックすると、ファンシーボックスhttp://fancyapps.com/fancybox/を閉じるにはどうすればよいですか 。overlay :true を使用できますが、fancybox が開いているときに別の画像をクリックできるようにしたいと考えています。
このコードを試してみましたが、fancybox をキャンセルしてまったく開くことができませんでした。
javascript - FancyBox2 により、スクロール バーが表示されたときに Firefox 13 が div をシフトする
ねえ、私には問題があります (もちろん)。Jquery FancyBox2 を使用する基本的な php サイト (php の部分は重要ではありません) があります。サイトのアルファ版を請負業者にデモしようとしていますが、問題が 1 つあります。FancyBox2 Jquery が実行されると、Firefox 13 (最新バージョンの IE、Opera、または Chrome ではなく Firefox のみ) でボックスが正常にポップアップ表示されますが、対応する親ドキュメント全体の y スクロール バーがポップアップ表示され、 left:-10 px のようにサイト全体がオフになり、FancyBox2 インスタンスを閉じると、通常の状態に戻ります。空白の y スクロール バーに FancyBox2 インスタンスが表示されたときに、サイトのコンテンツが移動するブラウザーは他にないようです。こうならないようにしたいのですが?基本的なコードは次のとおりです。
CSS: はい、少し過負荷です。障害を無視して、目の前の問題に集中してください。バックエンドとデザインの両方のアルファ段階です。
php: このサイトでの FancyBox2 の呼び出し方法の例。
js: FancyBox2 の呼び出し方
jquery - fancybox iframe コンテンツと Google 検索
私のウェブサイトには、すべてのプロジェクトの親指を一覧表示するページがあります。特定のサム (プロジェクト) をクリックすると、Fancybox はプロジェクトの詳細を iframe にロードします。すべてうまくいきます!(iframe のコンテンツには、ナビゲーション、ヘッダー、その他の Web サイト要素は含まれません。)
私が抱えている問題は、Google の検索結果ページにあります。Google はすべての詳細ページをインデックスに登録しました。ユーザーが Google の結果からリンクをクリックすると、ブラウザで詳細コンテンツ ページが開かれます (代わりに Fancybox iframe)。詳細ページにはナビゲーション ページが含まれていないため、これは好ましくありません。
ユーザーフレンドリーなソリューションはありますか?
jquery - fancyboxを2.1にアップグレードした後、画像はデフォルトの100pxの高さになります
すべての画像の高さは100ピクセル、画面上部の自動幅は中央に配置されません(画像は100ピクセルより大きくなります)。これは、今日の最新バージョンである2.1にアップグレードしたときに発生しました。これは最新のビルドのバグですか?
サイズ変更ボタンを使用すると、サイズは正しいように見えますが、それでも垂直方向の中央に配置されていません。
jquery - jQuery Expander+Fancyboxの非表示画像
jquery.expander.jsプラグインをfancyboxと一緒に使用して、画像付きのニュース記事の要約を表示していますが、画像をクリックしてfancyboxをアクティブにすると、元の画像が非表示になります。
ここに例を設定しました:http://tria.com/test.htm
これを修正する方法はありますか?fancyboxで画像をプレースホルダーに置き換えるのをやめさせようとしましたが、うまくいきませんでした。
jquery - FancyBoxのウィンドウサイズが調整されないのはなぜですか?
このページでFancyBox2を使用しています:http ://encoreazalea.com/ee/botanical-gardensポップアップウィンドウにGoogleマップを表示します。
ウィンドウは正常に表示されますが、すべてのマップにスクロールバーがあります。表示ウィンドウのサイズを変更しようとしましたが、送信した指示に正しく応答しないようです。
HTMLは次のとおりです。
jQueryは次のとおりです。
ウィンドウの幅と高さを何に設定しても、常に同じサイズで表示され、マップの周りにスクロールバーがあります。
私の目標は、スクロールバーを取り除くことです。
ありがとう。
jquery - Fancybox 2 が jQuery 1.7.2 で動作しない
Lightbox タイプのコードを機能させようとしていますが、jQuery 1.7.2 では機能していないようです。私は基本的にiFrameでフォームを作成しています。誰かがバナーをクリックすると、ライトボックスにオプトイン フォームが開き、メーリング リストにサインアップできます。私は現在Fancybox 2を使用していますが、使用すると美しく見えます:
しかし、私が戻ったとき:
それはもはや機能しません。1.7版でもサイト全体で使えるかなと思ったのですが、そうするとトップページの写真スライドショーが動かなくなってしまいます。
ここで、jQuery 1.7.2 と 1.8 で JSFiddle を実行しましたが、どちらも機能しました。だから今、私は問題の原因を失っています。明確にするために、XAMPP を使用して、他のコードやプラグインを使用せずに自分のコンピューターでサイトをテストして、最初にテストしている間の競合を回避しています。jQuery.noConflict で解決できる問題ではないことはわかっています。これは、コードがクリーンなページでは機能しないためです。
機能をテストするためだけに使用しているコードは次のとおりです。
何か案は?
編集
WP インクルード ファイルとスライドショーに関係があることがわかりました。スライドショーは、 を使用した場合にのみ機能します<script type='text/javascript' src='http://www.ncfitclub.net/wp-includes/js/jquery/jquery.js?ver=1.7.2'></script>
。バージョン 1.7.2 または 1.8、または jQuery.com から直接リンクされた他のバージョンを使用すると機能しません。コードのどこかに相対リンクがあるかどうか疑問に思っていますか?
編集
リンクは次のとおりです。
http://www.miller-media.com/sites/ncfit/index.html (これには WP インクルード JS ファイルがあります。スライドショーは正常に動作しますが、右上のバナーをクリックすると、ファンシーボックスコードが添付されているため、ファンシーボックスにないページにリンクするだけです)
http://www.miller-media.com/sites/ncfit/index2.html (これは、同じバージョンの jquery (1.7.2) を使用した jquery.com からの JS 呼び出しによるものです。ファンシーボックスは、右上のバナーをクリックすると機能します)
jquery - Fancybox ギャラリーのフローの方向を制御するにはどうすればよいですか?
ここで Fancybox 2.0 を使用しています: http://discovermonroeville.com/photo-gallery
私の唯一の質問 -ドキュメントで答えを見つけることができなかったのは、ギャラリーの画像を上から下ではなく左から右に流すにはどうすればよいですか?
コード:
javascript - 多くのフォームがある場合に Fancybox スクリプトが機能しない
私はたくさんのフォームを持っています:
phpコードのような
この送信をクリックすると、フォーム送信データが Fancybox に転送されます。このコードを使用して
それは機能していますが、同じウィンドウです!!!! 異なるデータである必要があります。また、fancybox ajaxの使用が非常に遅い!!w!! 上記のスレッドで提案されている方法を使用すると、コードは正確には何ですか?