問題タブ [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 に答える
1819 参照

jquery - Fancybox ウィンドウがポップアップしないのはなぜですか?

このページで Fancybox 2 をインストールして構成しました: http://southernlivingplants.com/carmen_johnston/

最初のビデオ プレースホルダーには、YouTube ビデオがリンクされています。Fancybox ウィンドウにポップアップ表示されるはずですが、YouTube ページに直接移動するだけです。

FireBug で確認しましたが、エラーは発生しません。すべてが正しく読み込まれているようです。

これが私のコードです:

ここで私が見逃している手がかりはありますか?

ありがとう。

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

jquery - Fancybox 2.1 オーバーレイ フェードイン (speedIn) が正しく機能しない/でこぼこする

JS と CSS に関しては少し初心者で、数日間私の問題を解決しようとしてきました。誰かが私を助けてくれることを願っています...

Fancybox 2.0.5 から 2.1.0 にアップデートしました。iframe を開いて Vimeo のビデオを表示すると、フェードイン (speedIn が 1000) に設定されているオーバーレイが、フェードインではなく 100% で表示されます。iframe の読み込みが完了する直前に、オーバーレイが短時間点滅します。オフとオンを繰り返します。ヘルパーを通じて、スピードアウト、不透明度、色を制御できますが、オーバーレイのスピードインは制御できません。

Mac の Safari (v5.1.2) と Firefox (v12) で試しましたが、どちらも同じ問題を抱えています。ここに私が取り組んでいるウェブサイトへのリンクがあります。(画像をクリック):

http://www.steinstie.com/Test/index.html

どんなアイデアでも大歓迎です!

ヘルパーのコードは次のとおりです。

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

jquery - fancyboxにヘルパーを追加する方法

さて、私は次のようなものを使用しています

基本的な(textareaなど)フォーム要素を含むdivを開きます。できます。

のように、もっと多くのオプションを渡したいhelpers。方法がわからない。アイデア?

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

javascript - Does Fancybox mute Click events?

That's my question, and here's my example code.

HTML:

JS:

If you click a thumbnail to launch FancyBox, afterLoad will drop in the header, but when you click the image and watch the console you get nothing.

Thoughts? I'm trying to use FancyBox's $.fancybox.close() method, but if I can't get the click event to fire, I'm forced to using it inline, which I'd rather not do for the sake of not using JS inline.

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

fancybox - Fancybox インラインでスクロールバーがなく、100% で「固定」

これを説明する方法がわかりませんが、次のようになります。

Fancybox がページ上で「ボックス」を開き、その中にスクロール バーを配置してオーバーフロー コンテンツを表示する代わりに、現在のコンテンツまたは親コンテンツの上にコンテンツを配置したいと考えています。

したがって、現時点では、ブラウザの内側の幅が 800px で、高さ 1200px が必要なコンテンツを開こうとしている場合、Fancybox の「ボックス」の高さを 800px に設定でき、スクロールバーを使用して新しい「ボックス」のコンテンツをスクロールできます。 (コンテンツが 1200px であるため)。私はそれをやりたいので、新しいスクロールバーはありませんが、新しいコンテンツはメイン/親ページを押し下げる完全な1200pxです(まだ存在しない場合は親にスクロールバーを強制します)。

閉じるボタンをクリックしても閉じます。

これは可能ですか?私は理にかなっていますか?

これは FancyBox 2 用です。

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

callback - Fancybox 2 afterClose フォーカス

Fancybox 2 を試したところ、問題が発生しました。Fancybox 1.3.4 では、fancybox が閉じられたときに関数をトリガーすることができました。つまり、現在のサム要素 (ギャラリーなど) にフォーカスを追加することができました。

このように見えました:

ただし、Fancybox 2 では廃止されonClosed、別のパラメーター がありafterCloseますが、現在のつまみ要素を格納する変数が見つかりませんでした。

助けてください!

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

jquery - Fancybox 2 を使用してタイトルを内部に配置する

私はまったく無知ですが、ここにある多くの優れた回答を使用して、Fancybox v2.1.0 を機能させることができました。ここで、タイトルの位置を「内側」に変更したいと思います。これには、次のようなさまざまなコードがあります。

});

しかし、それをどこに置くべきかわかりません-jquery.fancybox.jsファイルを編集しますか? もしそうなら、どこですか?182 行目で、タイトルの種類を変更するだけであることがわかりますが、それはうまくいかないようです。

これを突き止めた後、開閉を「弾性」に変更したいので、そこの助けもいただければ幸いです。オンラインにサンプル ページはありませんが、これはサムネイルの基本ページであり、クリックすると 1 つの大きな画像が開きます。

事前に感謝します-これについて初心者で申し訳ありません-以前はLightboxを使用していましたが、Fancyboxは私が必要とするものにより適しているようです.

編集(コメントからコードを移動)ここに私が持っているものがあります:

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

jquery - FancyBox が URL を解決できない (Twitpic)

Twitpic は最近、API を変更し、写真の URL 'http://twitpic.com/show/full/auuqys' が巨大な Cloudfront の URL に解決されるようになりました (以下)。

Fancybox は解決およびレンダリングできませんが、代わりにエラーが発生します

FancyBox を使用してリダイレクトされた URL をレンダリングするにはどうすればよいですか? 助けてください。

ありがとう

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

jquery - Fancybox 2 - ボタン ヘルパー ギャラリーの「長さ」が大きすぎます

Fancybox 2 間違った「this.group.length」値

私のギャラリーは N+1 または N+2 の画像 (2 つの画像の場合は 3 枚、10 枚の画像の場合は 12 枚の 12 枚) を表示し、最後の画像が繰り返されます。変数「長さ」が大きすぎます。Web (Opera) で発生し、「ブラウザーでテスト」(Firefox) すると内部的に発生します。

http://www.pinacate.org/index.htmlで「単成火山 (2)」と「画像ギャラリー (10)」の親指をクリックしてください。

例コード: 説明段落

タグの後に追加されたページ上の画像リンク

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

html - Elastislide + fancybox (どちらもレスポンシブ) が機能しない。驚くべきは、コンソールにエラーが表示されないことです

私は現在レスポンシブデザインに取り組んでおり、elastislide ( http://tympanus.net/Development/Elastislide/ ) を使用してスライダーを作成しましたが、今は ajax または Iframe で fancybox ( http://fancyapps .com/fancybox/#examples ) スライダーの各画像をクリックしても機能せず、火災バグのコンソールにも Web 開発者ツールにもエラーは発生しません。

これがコードです。

私がelatislideにコメントすると、fancyboxは動作しますが、両方が一緒に動作しません... :(