在灯箱中打开一个新网站不起作用

时间:2013-12-12 17:51:49

标签: javascript html lightbox

我正在尝试创建一个带有子网站(谷歌日历)的灯箱,以便在新窗口中不打开它。 我使用了这个灯箱网站:http://lokeshdhakar.com/projects/lightbox2/ 现在当我打开一个图像时,一切正常,但是当我试图打开我的网站时却没有。

HTML:

<div id="poziom3" class="java poziomy">
<a href="http://www.natropiegra.pl/faq.html" data-lightbox="poziom3" title="Poziom3 

">Poziom 3
</a></div>

为什么?

1 个答案:

答案 0 :(得分:2)

这是因为要打开外部网站,您需要在页面上使用iframe。但是,您使用的灯箱项目不使用iframe。它使用CSS属性打开图像并为其提供灯箱的外观。它没有使用iframe加载图像。

由于灯箱不支持iframe(仅适用于图片),因此您无法打开外部网站(在您的情况下为Google日历)。

您可以尝试以下项目。这对灯箱有iframe支持(参见示例) http://fancybox.net/