jquery fancybox 1.3.0 iframe

Question

在使用叠加层加载iframe时遇到一些困难。我的用户级别是主管html 5 css3 xhtml，可以读取PHP和JavaScript。 我能够在lightbox_frame和iframe中播放youtube视频。但是将html页面放入叠加层中的iframe并不高兴。 我正在阅读fancyapps，示例是： iframe中

如下改​​编。

<div class="portfolio3_shadow">
 <a class="various" data-fancybox-type="iframe" href="page_slideshow">
<img src="../images/slideshow.png" alt=""  width="210" height="131"/></a>

<img src="../images/icon_zoom.png" style="margin-top:-30px;margin-left:86px;z-index:9999" alt=""/></div>
<div style="display:none;">
  <div id="page_slideshow" style="width:840px;height:600px">   
<iframe width="840" height="600" src="slideshow.html" frameborder="0" allowfullscreen></iframe> </div>  
    </div>

Answer 1

您可以提及类型：iframe，而不是定义iframe，以便在fancybox中将内容作为iframe。

<a href="slideshow.html" id="popup">Open page</a>

在脚本中你可以提到：

<script>
  $(document).ready(function(){
    $('#popup').fancybox({
        'zoomSpeedIn': 300,
        'zoomSpeedOut': 300,
        'overlayShow': false,
        'autoScale': false,
        'type': 'iframe',
        'centerOnScroll':true
      });
  });
</script>

这会在叠加层中将内容显示为iframe。