問題タブ [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.

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

javascript - Fancybox で Twitter ツイート ボタン ダイアログを読み込む

Twitterのツイートボタンのiframeスタイルでセクシーなファンシーボックスダイアログを開こうとしています。

それからちょっと…

ローディングアニメーションが表示されます。fancybox 2.0.6での作業。

0 投票する
0 に答える
645 参照

jquery - Fancyapps (fancybox) は (「クリック」) トリガーで jQuery を強制終了します

このサイトでいくつかの質問と解決策に取り組みましたが、どれもうまくいきません。

ソフトウェア: jQuery v1.7.2 fancybox v2.0.6

jQueryプラグインfileTreeを使用してファイルマネージャーを表示している隠しdivがあり、その中に別のdivがあります。これは、参照アイコンをクリックすると 100% 機能します。

参照アイコンをクリックすると、fancybox に filemanager div を表示しようとしています。これは初回のみ機能します。それ以降のクリックは on('click') 関数によって記録されません。

ただし、fancybox ブロックの「href: myID」という行を削除すると、いつでも機能します。ファンシーボックスの href 関数の何かが on('click') トリガーを殺しています。

私はそれを myID の DOM 宣言まで追跡し、クリックされた参照アイコンが同じ親構造にある場合にのみ追跡しました。

私は間違いを見つけるためにかなりの時間を費やしたので、どんなアイデアも歓迎されます.

HTML:

jQuery:

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

jquery - すべてのギャラリー画像はFancyboxによって表示されています

ファンシーボックス2を使用していますが、リンクをクリックしてスライドショーを開くと、すべての画像が一度に表示されます。スクロールバーが追加されることもあります...以下のコードを参照してください

http://jsfiddle.net/Tx3AF/

申し訳ありませんが、ギャラリーを表示するためにfancybooxJSを追加できませんでした。助けていただければ幸いです...インターネットで検索しましたが運がありません...

ありがとう。

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

javascript - jsonimagegroupを使用したFancybox2は次の画像を表示しません

ギャラリーをfancybox2に更新したいと思います。バージョン1.3.4ですべてが機能する前は、スライドショーに次の画像を表示することはできません。常に最初に表示されます。ただし、前と次に戻ると、すべてが機能します。

ここを見てください:http://f.cl.ly/items/3Z1W0t2Z0U1U39452Z1a/fancybox_error.m4v

jsonファイルは次のようになります

0 投票する
0 に答える
3880 参照

jquery - ファンシーボックスの高さを動的に調整する方法

新しい fancybox [v2] には関数 $.fancybox.update() があり、ブラウザのサイズ変更で fancybox の幅が変更されます

ただし、高さを動的に変更するにはどうすればよいですか?

これが私の定義です

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

grails - FancyBoxをレンダリングするGrails 2.0の問題

Grails 2.0.4 と FancyBox 2 を使用します。

Grails フレームワークのモーダルまたはダイアログ ポップアップで html をレンダリングしようとしています。現在、FancyBox 2 でこれを実行しようとしています。ただし、fancybox をレンダリングできないようです。これが私が現在持っているものです。

コントローラ:

}

gsp から実行:

一番上のリンクをクリックすると、次のエラーが表示されます: Uncaught Error: Syntax error, unrecognized expression: /ModalTest/test/createResult

これをgrailsで動作させる方法、またはコントローラーを利用して動作する別のダイアログ/モーダルソリューションを用意する方法について誰か提案がありますか?

前もって感謝します。

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

jquery - Fancybox2のキャプション内のリンク

Fancybox2を使用してギャラリーを生成しています。テキストだけでなく、必要に応じて写真のキャプションにリンクを付けたいと思います。

キャプション内にリンクを入れたいページは次のとおりです:http://catjohnson.co.uk/weddings

そこにhtmlリンクを追加するだけで(この回答に続いて:Prettyphoto.jsまたはFancyboxで...キャプション内にリンクを追加する方法)、ギャラリー内の写真が壊れます。

このhttp://jsfiddle.net/FWTZA/をフォローしてみましたが、機能しますが、スタイリングが失われます。

私のスタイリングをjsフィドルコードと統合することができないようです…これが私がその瞬間に行っていることであり、それは機能しています:

それが理にかなっていることを願っています!

ご覧いただきありがとうございます!

マーティン:)

0 投票する
0 に答える
2589 参照

jquery - fancyBox 2 の動的な幅と高さ

fancyBox で iFrame を開くリンクがあるページがあります (fancyBox 2 を使用しています)。iFrame 内に含まれるコンテンツは幅と高さが異なるため、iFrame の幅と高さを動的にする必要があります。スクロールバーを表示したくありません。リンクが参照するコンテンツ (この場合は Cruise-compare.html ページ) の正確な幅と高さで fancyBox を生成したいと考えています。

この問題に関連する、私が話しているページの HTML は次のとおりです。

以下は、iframe 内にある Cruise-compare.html ページの body タグ内にある HTML のサンプルです。

これが私の fancyBox JavaScript の現在の外観です (このスクリプトは元のページによって参照されます)。

上で提供した fancyBox スクリプトの幅と高さのパラメーターを削除する必要があることはわかっていますが、生成された fancyBox の幅と高さが Cruise-compare.html ページのコンテンツの幅と高さになるようにする方法がわかりません。

この同様の質問 ( Fancybox 2 Dynamic Width Based on Content Size ) を見ましたが、私の状況で正しく機能させる方法がわかりません (彼らは私とは少し違うことをしていました)。

誰かが私がそれを機能させようとしている方法でこれを機能させるために何をすべきか教えてもらえますか?

0 投票する
0 に答える
1654 参照

iframe - fancyboxiframeをプリロードします

ファンシーボックスのiframeを持っていますが、リンクをクリックして開く前にiframeのコンテンツをプリロードする方法はありますか?iframeのコンテンツはスクリプトであり、画像ではありません。

脚本:

HTML:

ありがとう!

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

jquery - FirefoxおよびChromeブラウザでのjQuery fancybox ajax関数の問題

私はfancybox.netのjQuery Fancybox 2プラグインを持っており、fancybox.ajaxを使用してデータベースから複数のリンクループIDレコードを作成しました。クラスは次のようになります...

そして私のJavaScriptコード...

IE と Safari では問題なく動作しますが、Chrome と Firefox (14.0.1) では問題が発生しました。問題は、[X] ボタンをクリックすると、fancybox が閉じられますが、同じ fancybox.ajax を開くと、背景の不透明度が暗くなることです。ファンシーボックスをもう一度閉じようとしましたが、コンテンツは閉じられていますが、背景はまだ暗いです。不透明効果を閉じるには、暗い背景をもう一度クリックする必要があります。そのため、同じ fancybox.ajax の同じリンクを 3 回目にもう一度開こうとすると、2 回目よりも背景が暗くなります。

ところで。その他 fancybox 関数は問題ありません ajax 関数のみ。