如何在灯箱弹出窗口中显示内嵌内容?

时间:2014-01-16 17:16:40

标签: jquery html css iframe lightbox2

是否可以在lightbox2弹出窗口中显示内嵌内容?目前我正在使用:

<a id='lbpopup' href='/popupcontent.php' rel='lightframe' style='display:none;'>flyover</a>
<script type="text/javascript">
  $(document).ready(function(){
    $('#lbpopup').click();
  });
</script>

通过使用上面的代码,弹出窗口正常工作,但它使用iframe加载来自页面popupcontent.php的内容

其实我的要求是:

<html>
  <body>
    <div id='popup-content'>My Popup Content</div>
    <a id='lbpopup' href='#'>Click here</a>
  </body>
</html>

点击链接#lbpopup,我想在不使用iframe的情况下将div #popup-content的内容显示为popup。我怎么能这样做?

  

我不想尝试任何其他jQuery弹出窗口,如fancybox,colorbox等。我只想用lightbox2制作它。

1 个答案:

答案 0 :(得分:3)

Lightbox2似乎没有很多功能。如果你想让内联内容发挥作用,那就太奇怪了。也许你可以试试这个

https://web-beta.archive.org/web/20151110065936/http://old.joesong.com:80/2010/02/showing-in-page-and-inline-content-in-lightbox2/