2017-07-06 23 views
0

有可能把文本內容爲框架,並顯示在收藏夾,而不是顯示圖片? 我該怎麼辦?如何把文本數據在收藏夾,而不是圖片

我試圖

<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> 

回答

2

的fancybox能夠顯示多種類型的內容。請參閱他們的documentation瞭解更多信息。這包括內聯內容(即顯示隱藏元素,如div),加載iframe或顯示ajax響應。 examples部分可以幫助您澄清很多情況。

如果你想從一個TXT文件閱讀,它可能更適合通過AJAX加載數據,而不是加載到iframe中。

我已經複製從上面列出的文檔鏈接的相關文件,爲後人(你可以在這個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> 
相關問題