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

jquery - フェード トランジション ギャラリー

この新しいサンプル ページでは、イメージ ギャラリーに上からの移動トランジションがあります。画像間に単純なフェード効果を持たせたいのですが、コードのどこを何を変更すればよいかわかりません。誰でも助けることができますか?

ありがとう

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

jquery - MediaElementプレーヤーをfancybox内に配置するにはどうすればよいですか?

HTML:

JS:

ファイアバグにエラーはありません。問題は、fancyboxにはページ全体がコンテンツとして含まれているが、ビデオは含まれていないことです。

何が悪いのか分かりますか?

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

jquery - Fancybox2 スライドショー ヘルパー ボタン

fancybox 2 のヘルパーでスライドショー用に表示するボタンを指定する方法はありますか? 実際、トグルボタンは必要ありません。

トグルボタンを削除するにはどうすればよいですか?

ありがとう。

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

jquery - FancyBox2はIE7と互換性がありますか?インラインコンテンツ

FancyBoxは、私が作業しているサイトのIE7では開きません。これは私が犯したコーディングミスですか、それともIE7では機能しませんか?

サイトの現在のバージョン:

http://arbiter-design.com/wycliffe/transformation

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

jquery - ファンシーボックスはbeforeShow関数のiframeで動作しますか?

ファンシーボックスがロードしているiframe内のタグに格納されている情報に基づいて、ファンシーボックスオブジェクトのいくつかの値を動的に設定しようとしています。問題は、コンテンツから正しい値を取得できるように見えるのは(ivは、可能な限りすべてのコールバックコンボを試した)afterShowメソッドだけであるということです。これにより、幅と高さがジャンプして遷移し、表示後にリセットされます。

afterShowメソッド以外では、beforeShow(これが私が目指していることです)でも正しい結果が得られます。ファンシーボックスを表示する前にこれを実現できるコールバック/jqueryコンボはありますか?ありがとう!

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

jquery - JQuery フルスクリーン ギャラリー

全画面ギャラリーを取得するために、特大プラグインhttp://buildinternet.com/project/supersized/を使用しています。

それ自体は正常に動作しますが、fancybox ボタンと esc ボタンからのみ非表示にして表示する必要があります。私は fancybox 2 を使用しており、フルスクリーンも実装したいので、スーパーサイズを使用しました。

問題は、その動作を損なうことなく超サイズを非表示にするにはどうすればよいかということです。

「display: none」を div#supersized やその他の相対 div に設定しようとすると、画像を表示するときに自動「フィット」が機能しないため、答えは簡単ではありません...

「可視性:非表示」に設定すればうまくいくようですが、最初の画像を初めて見たいときに、画像を表示する必要があるはずのボックスが真っ白です。

たとえば、私のテスト サイトを見ることができます: http://provaschiavello.altervista.org/Projects/STARFISH%20SQUARE%20|%20PIAZZA%20VITTORIO

助言がありますか?

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

jquery - fancyboxv2の動的なFacebookのようなボタン

fancyboxv2の動的なFacebookのようなボタン

画像のタイトルの後にボタン、ツイート、G+ボタンのようなfbのようなfancyboxv2を作成する方法、これは私のコードです。画像ごとに異なるようなボタンを作成する方法。

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

jquery - FancyBox のタイトルのカスタマイズ

画像の上にカーソルを置いたときにタイトル属性を表示しないように FancyBox 2 をカスタマイズしようとしています。グループ内の最初の画像がページに表示されるように設定し、クリックするとファンシーボックスが読み込まれ、スクロールして他の画像を表示できます。それらすべてをページに表示するのではなく、最初の画像だけを表示します。最初のアンカーに続くアンカーを非表示にすることでこれを行いました(FancyBoxのWebサイトでこれを行う方法の例が見られなかったので、これが私の最初の傾向であり、うまくいきました)

私のHTML

頭の中の私のスクリプトは

そのため、タイトルは画像の長い説明になるので、画像にカーソルを合わせたときに表示されないようにします。とにかく残りは隠されているので、最初の画像を修正する必要があります。非表示にする方法に関するこの投稿を見つけました: FancyBox 2.0 を使用しているときに、ホバー時にタイトル タグからツールチップを非表示にするにはどうすればよいですか?

上記のコードで、非表示の div を使用しようとしていることがわかりますが、FancyBox をスクロールして最初の画像に戻ると、「myCaption」ではなく「タイトル」が再び表示されます。

どうすればいいですか?私はデザイナーであり、開発者ではないので、よく説明してください。

更新: 自分の状況を十分に説明していないように感じたので、サイトを更新して最新のコードを含めました: mckernanms.com Web 画像をスクロールして最初の「タイトル」に戻ると注意してください。 」が表示されます。また、他のギャラリーの最初の画像には、最初の Web 画像のキャプションが表示されていますが、これは間違っています。

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

javascript - ajaxでファンシーボックスのコンテンツを変更する

メニューに、いくつかのajaxコンテンツを含むファンシーボックスを開くリンクがあります。このボックスには、fancyboxに表示されるデータのメニューなどのリンクが含まれています。これらのリンクをクリックしてfancyboxのコンテンツを変更できるようにしたいのですが、管理するのは代わりに新しいボックスを開くことだけです。これにより、画面が白にフェードして戻り、ちらつきのように見えます。

コンテンツディクショナリの配列を使用して変更しようとしましたが、いずれもロードできませんでした。また、リンクにrelを追加して、横に矢印が付いたアルバムにしました。これにより、次/前に進むことができます。これは、希望するナビゲーションのタイプではない場合を除いて、正常に機能します。代わりにリンクを介して同じことを行うことは可能であるはずですが、私はその方法を理解できません。誰かがこれを手伝ってくれますか?

編集:私が試したいくつかのことの小さなjsfiddle