Question

可以将文本内容放入框架中，并在灯箱中显示，而不是显示图像？我该怎么办？

我试过

<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

Fancybox能够显示多种类型的内容。有关详细信息，请参阅documentation。这包括内联内容（即显示隐藏元素，如div），加载iframe或显示ajax响应。 examples部分可以帮助您澄清很多内容。

如果你想从txt文件中读取，可能更适合通过ajax加载数据，而不是将其加载到iframe中。

我已经从上面列出的文档链接中复制了相关文档，供后人使用（您可以在此codepen demo中查看fancyapps团队设置的示例）：

<强>的Ajax

要通过AJAX加载内容，您需要添加data-type="ajax"   属性链接：
<a data-fancybox data-type="ajax" data-src="my_page.com/path/to/ajax/" href="javascript:;">
  AJAX content
</a>
此外，可以使用数据过滤器定义选择器属性仅显示响应的一部分。选择器可以是任何选择器 string，这是一个有效的jQuery选择器：
<a data-fancybox data-type="ajax" data-src="my_page.com/path/to/ajax/" data-filter="#two" href="javascript:;">
  AJAX content
</a>

如何将文本数据放在灯箱而不是图像中

1 个答案: