0

iframe をオーバーレイにロードするのに苦労しています。私のユーザー レベルは有能な html 5 css3 xhtml で、php と JavaScript を読むことができます。YouTube の動画を lightbox_frame と iframe で再生することができました。しかし、オーバーレイの iframe に html ページを入れることに喜びはありませんでした。私は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 に答える