問題タブ [fancybox-2]

私のサイトでは jQuery fancybox 2 プラグインを使用しています。開発中は問題ありませんが、本番環境では、次のスクリーンショットに示すように、fancybox 2 css ファイルがロードされていません。

ファイルは vendor/assets/stylesheets にあり、プレーンな .css ファイルです

それらは、次のように私の application.css.scss ファイルから参照されています。

これらの 2 つの css ファイルがロードされていない理由を知っている人はいますか? fancybox .js ファイルは正常に動作しますが、そうでないのは CSS ファイルだけです。

ニール

次のように、Fancybox ボックスを開くためのリンクがあります。

リンクには、上記のように が設定されdataた属性がありますid。Fancybox ヘルパー関数内でデータ属性を使用できるようにしたいと考えています。$(this.element).data('id')以下のコードで使用してみました：

しかし、それは機能しません。データ属性を取得すると、常にundefinedヘルパー関数内で返されます。これを機能させるにはどうすればよいですか。

I want to make a gallery with only one preview picture and thumbnails helper. I have used the snippet provided by the author for the gallery with only one preview picture and then I added the code for show the thumbnails helper, in this way, but it doesn't show the thumbnails.... I suppose because when you open fancybox manually you don't specify where are the thumbnails, how could it be resolved?

ファンシーボックスとAJAXを介して動的にページをロードしています。動的に読み込まれるページが画面に対して高すぎる場合を除いて、すべて問題ありません。画面の下部を越えてオー​​バーフローするだけです。

私は使用しています..

ユーザーがページをクリックすると、元のファンシーボックスの幅と高さを維持しながら、動的に再読み込みされます。

動的にロードされたページの高さに応じて、fancybox のサイズを変更または中央揃えにするにはどうすればよいですか?

すべての助けをいただければ幸いです

次のコードでポップアップするFancybox2ウィンドウがあります。

初めてクリックするa.video_linkと、ポップアップが表示され、正常に再生されます。これをビデオ1と呼びましょう。ビデオを停止せずにライトボックスを閉じると、停止して強制終了されます。問題ない。

もう一度クリックするa.video_linkと、ポップアップして最初から始まります（これをビデオ2と呼びます）が、ビデオ1のオーディオもその上で再生されます。ビデオ2のライトボックスを閉じると、ビデオ1のオーディオが再生され続けます。ライトボックスを3回開くと、ビデオ2のオーディオも開始されます。これは継続するので、オーディオのレイヤーを互いに重ねることができます。

誰かが解決策を提案できますか？

更新： autoplay属性が削除された場合は発生しないと言えます。これは、生の<video>オブジェクトがmediaplayerjsのものにラップされる前に再生されていることを示唆しています。可能であれば、自動再生機能が本当に欲しいです。

クリック イベントが発生したときに手動で呼び出す Fancybox jQuery プラグインを使用しています。私が直面している問題は、矢印を使用して画像間を移動できるようにするために画像のグループを使用しているときです。この目的のために、グループ内のすべての画像は同じ「rel」属性を持ちます。私が書いた以下のコードではすべてがうまくいくようですが、問題は最初に読み込まれた画像にあります.2番目の画像をクリックしても-最初の画像はアレイを作成しました。

だから私の質問は - クリックしたアイテムが最初のアイテムになり、前のアイテムが配列の最後に移動するように配列を再配置するにはどうすればよいですか - 基本的にアイテムを移動します。

例は次のとおりです。

私のコードは次のとおりです（クリックされた要素のインデックスを返す「currentIndex」変数も既に持っています：

ファンシーボックスのエラー (要求されたコンテンツを読み込めません。後でもう一度お試しください。) をキャッチして、別のファンシーボックスのタイプを試してみたいと思います。

このような。初めて ajax を試し、それがエラーを返す場合は iframe を試します。

しかし、それはうまくいきません。最初のファンシーボックスからのエラーが表示されるだけです。

私は（fancybox 2.0.6で）リンクのタイトル（「次」、「前」）を別のものに変更しようとしています：

お願いします、何が悪いのですか？正しいコールバックを使用しようとしていますか? 他の何か？

ありがとう！

こんにちは私は隠されたファンシーボックスでのグーグルマップの読み込みに問題があります

私の例：gidzior.net/fancyMapはこのスレッドに基づいて書かれましたstackoverflow.com/questions/10890948/jquery-fancybox-with-google-maps

これを修正するにはどうすればよいですか？

これは私のコードです：

私はFancyboxafterShowを使用して、次のようにオーバーレイを介して画像の説明を側面に表示しています。

問題は、ユーザーがクリックアウトできるように、モーダルをfalseにする必要があることです。ただし、hidden_​​tabタブをクリックすると、fancyboxも終了します。

モーダルが影響を与えるセクションを作成する方法はありますか？または回避策？z-indexhidden_​​tabを高く設定しようとしましたが、うまくいきませんでした。