2011-06-15 48 views
2

我想知道如何使用Lightbox2來顯示div的內容。Lightbox2 - 顯示div的內容而不是圖像

目前我正在使用下面的代碼行來顯示圖像。

<a href="images/image-1.jpg" rel="lightbox" title="my caption">image #1</a> 

是否可以顯示div的內容而不是圖像?

感謝提供的任何提示:)

回答

1

燈箱是爲圖像。 如果你正在尋找顯示內容,創建一個新的頁面,並與嵌入的fancybox的iframe:http://fancybox.net/

要做到的iframe,包括jQuery的,那麼necissary的fancybox的javascript & css文件,你可以下載,然後用這個稱呼它代碼:

<script> 
$("a.fancyiframe").fancybox({ 
    'type':'iframe', 
}); 
</script> 

然後設置你的鏈接元素:

<a class="fancyiframe" href="http://www.yoursite.com/place.html">This goes to iframe</a>