0

我很难让 iframe 加载到覆盖中。我的用户级别能胜任html 5 css3 xhtml 并且可以阅读php 和JavaScript。我能够让 youtube 视频在 lightbox_frame 和 iframe 中播放。但不喜欢将 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>
4

1 回答 1

2

除了定义 iframe 之外，您还可以提及 type: 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。

于 2012-07-06T05:33:25.777 回答