画像の代わりにライトボックスにテキストデータを入れる方法

Question

テキストコンテンツをフレームに入れ、ライトボックスに表示してイメージを表示することは可能ですか？ どうすればいいですか？

iがFancyboxコンテンツの複数の種類を表示することができる

<a class="iframe" href="/folder/file.txt"><img height="80" width="120" src="img/txtFile.png"</a> 

とjQueryに

<script type="text/javascript"> 
    $("a.iframe").fancybox({ 

'width': 640, // or whatever you want 
'height': 480, // or whatever you want 
'type': 'iframe' 
}); 
    </script> 

Answer 1

を試みました。詳細についてはdocumentationを参照してください。これには、インラインコンテンツ（divなどの非表示要素の表示）、iframeの読み込み、またはajaxレスポンスの表示が含まれます。 examplesセクションでは、これについて多くのことを明確にするのに役立ちます。

txtファイルから読み込みたい場合は、iframeに読み込むのではなく、ajaxでデータを読み込む方が適切な場合があります。

私は後世のために（あなたはこのcodepen demoそのfancyappsチームのセットアップの例を見ることができます）、上記の文書リンクから、関連する文書をコピーした：

アヤックス

をするためにAJAXを介して負荷の内容は、あなたのリンクにdata-type="ajax" 属性を追加する必要があります。

<a data-fancybox data-type="ajax" data-src="my_page.com/path/to/ajax/" href="javascript:;"> 
    AJAX content 
</a> 

さらに、データフィルタ 属性を持つセレクタを定義して、応答の一部のみを表示することもできます。セレクタは、それが有効なjQueryのセレクタで、任意の 文字列を指定できます：

<a data-fancybox data-type="ajax" data-src="my_page.com/path/to/ajax/" data-filter="#two" href="javascript:;"> 
    AJAX content 
</a>