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

jquery - Fancybox オーバーレイの不透明度

fancybox プラグイン バージョン 2.0.6 を使用しています

ドキュメントで詳しく説明されているように、オーバーレイの不透明度を変更しようとしていますが、機能しません。私がこれをどのように間違っているかについて、誰でもアドバイスできますか。

ありがとう。

ここに私が持っているものがあります:

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

fancybox - Fancybox ギャラリーとカスタム タイトル

次のように、タイトルとしてカスタム HTML を入力します。

...しかし、画像のギャラリーも必要です。

各ギャラリーで上記の同じコードを使用する必要があるため、両方を使用できるとは思いませんが、一意のタイトルごとに上記のコードを個別に実装する必要があります。これは可能ですか?

また、すべて同じギャラリーにあり、すべてカスタム タイトル コンテンツを含む 20 個の画像を設定するより良い方法はありますか。現時点では、次のコードを使用してそれぞれを個別に指定する必要があると思います。

(...しかし、もちろんギャラリーは機能しません。機能したとしても、これを20回指定するのは悪い習慣に思えます。)

カスタム タイトルを指定し、20 枚程度の画像のギャラリーを最適な方法で作成するにはどうすればよいですか?

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

jquery - jQuery:ビューポートの中央のfancybox

現在、サムネイルをクリックしたときに画像を表示するためにfancyboxバージョン2を使用していますが、水平方向には問題がないため、垂直方向に言えば、fancyboxをビューポートの中央に配置できないようです。

私はかなりの数のことを試しましたが、これは最新のものです:

CSS

jQuery

誰かアイデアはありますか?

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

fancybox-2 - fancyBox を閉じた後も音声が続く

fancyBox 内に jwplayer があります。FB ウィンドウを閉じても、オーディオはクリップの最後まで再生されます。コールバックを使用する必要があると思いましたが、設定方法がわかりません。この問題を修正するために、誰かが私のコードに欠けているものを教えてくれることを願っています。

ありがとう。

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

jquery - jQueryFancybox2親であるiFrameまたはページを更新します

基本的に、私はデータ入力用のファンシーボックス内のファンシーボックスが大好きです。問題は、私が終わったときに、それを呼び出したファンシーボックスが更新されることを願っています!

以下の例を見てください。ブラウザウィンドウに関するレポートがあります。次に、最初のファンシーボックスの詳細を確認し、その中から呼び出して、メモを挿入できるようにします。メモを追加した後、ファンシーボックスは次のようになります。アンロードされた状態で、親のファンシーボックスまたはそれと呼ばれるものでリフレッシュを実行したい(7つのファンシーボックス、#7と#6のリフレッシュを閉じる)

https://lh4.googleusercontent.com/-PZlJoSXZSj0/UDWnwAkat0I/AAAAAAAAAPE/SyAPgaSTc1Y/s1600/test.jpg

私がここに持っているこのコードは、上記の例のウィンドウを常に更新します。fancyboxの親fancyboxを更新できるようにしたいと思います。

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

navigation - Fancybox: すべてのギャラリー画像に両方のナビゲーション矢印を表示し、最初と最後の画像ではそれぞれ「前」と「次」を淡色表示 (ただし表示) します。

私の Fancybox ギャラリーでは、Fancybox CSS を変更して (ホバー時だけでなく) 常にナビゲーション矢印を表示し、ホバー時に不透明度を 0.7 から 1.0 に増加するように設定しました。ただし、前の矢印と次の矢印は、機能しないため、最初と最後の画像にはそれぞれ表示されません (「ループ」を「false」に設定しています)。これらの画像に 2 つの矢印のうちの 1 つしか表示されていないと、ナビゲーションが不均衡に見えるため、常に両方の矢印を表示したいのですが、非機能的な矢印は、非ホバー状態の機能的な矢印よりもさらに透過的である必要があります (0.3 など)。 、ユーザーがそれが操作不能であることを理解できるようにします。

このコードを変更してjsを変更しました:

これに:

「次の」矢印についても同じことを行いました。

これにより、両方の矢印が表示されますが、最初と最後の画像の非機能ボタンを機能ボタンよりも暗く表示する方法がわかりません。以下はサンプルページです (ユーザーが混乱しないように元の js に戻しました): http://transweb.sjsu.edu/mntrc/events/2012/gallery1.html

これを達成するための助けをいただければ幸いです。私は js に障害があります (css には障害はありません) ので、現在のコードに統合する方法を示す完全なコード例を提供してください。ありがとう。

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

php - ファンシーボックス2をiframeから開く

私はphpを使用してYouTubeの親指を作成しており、fancyboxでiframe内で呼び出すYouTubeビデオを開く必要があります。fancybox 2 FAQ には次のように書かれています。

iframe からスクリプトを呼び出すことはできますか? 必要なすべてのファイルが親ウィンドウに含まれている場合は、次のようにできます。

だから私はそれをしました、そして私のファンシーボックスは実際に意図したとおりにiframeから親ウィンドウに開きます。唯一の問題は、ビデオの代わりに「要求されたコンテンツを読み込めません。後でもう一度やり直してください」というメッセージが表示されることです。その理由は、おそらく http:address の問題であり、スクリプト エラーの場所がわかりません。

Iframeでリンクを作成するために使用しているスクリプト:

それが生成する結果は次のようになります

それで、私は何を間違っていますか?「myurl」または私の fancybox 設定の何が問題になっていますか?

ファンシーボックスの設定は次のとおりです。

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

jquery - fancyboxの閉じるボタンを移動する方法は?

fancybox2スクリプトの閉じるボタンの位置を変更する必要があります。方法がわかりません。助けてください。 http://squaretwo.ru/fancybox.jpg

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

javascript - IFRAMEコールバックからのFancyBox

私はIFRAMEからfancyboxを呼び出し、IFRAMEからそれを表示します-それは機能します。しかし、コールバック関数に問題があります。[私はFanxyBox2を使用しています]

コールバック関数を使用して[前へ/次へ]ボタンの不透明度とホバー動作を変更したいのですが、何もしません。

Iframeデモ[画像をクリック]:http ://keramika.dtech.sk/Keramika/Svietidla_Lampy.html

この「非IFRAME」デモで適切な動作を実現しました:http://keramika.dtech.sk/test.html

私が理解しているように、コールバック関数は「親」の観点から実行されるため、$( "。fancybox-prev")の呼び出しは正しいです(範囲外ではありません)。

コールバック'afterShow':

これがより大きなコード部分です:

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

fancybox-2 - fancybox 2 & IE8 - 背景オーバーレイなし

fancybox 2 を使用していますが、背景のオーバーレイ [透過性] に問題があります。私のオーバーレイ ヘルパーは次のようになります。

そして、赤いrgbaはIE<-8と互換性がありません

- - - 解決 - - - - -

私はこの解決策を見つけました: