ファンシーボックスのウェブサイトには、サードパーティの oembed を使用して他のウェブサイトのコンテンツをファンシーボックス内に埋め込む方法の例があります。
彼らはここで見つけることができる素晴らしいjsfiddleさえ持っています: http://jsfiddle.net/PudLq/
残念ながら、コンピューターでこのコードを再作成するたびに、fancybox が埋め込まれず、内部に埋め込まれたコンテンツが適切にポップアップ表示されます。代わりに、実際にハイパーリンクを開くと、サイトの埋め込み形式のバージョンにたどり着きます。
jQuery 1.10.2 と、fancyapps の最新バージョンの fancybox2 を使用しています。
私が一般的にリンクを宣言する方法は次のとおりです。
<a class="fancybox"
href="https://soundcloud.com/white_lights"
rel="gallery1"
title = "WHITE LIGHTS">
<div class="module" id="artist-1">
my link
</div>
</a>
jquery を含む私の唯一のスクリプト タグには、jsFiddle のコードのみが含まれています。私の CSS には、カスケード シートの最後に #dummy と .fancybox-inner iframe の宣言があります。
私は何が間違っているのでしょうか？これをうまく機能させることができた人はいますか？誰かのライブサイトで別の実行例を見たいです。
編集：「href」フィールドで画像パスを使用する通常のファンシーボックスや、ギャラリーなどは問題なく機能することに注意してください。