Lightbox2 - 显示div的内容而不是图像

时间:2011-06-15 23:22:10

标签: javascript jquery css

我想知道如何使用Lightbox2来显示div的内容。

目前我使用以下代码行来显示图像。

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

是否可以显示div的内容而不是图像?

感谢您提供的任何提示:)

1 个答案:

答案 0 :(得分:1)

灯箱用于图像。 如果您要显示内容,请创建新页面并使用Fancybox嵌入iframe:http://fancybox.net/

要做iframe,包括jquery,然后是necissary fancybox javascript&amp;您可以下载的css文件,然后使用以下代码调用它:

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

然后设置你的链接元素:

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