0

我有iframe一个画廊。在我的主网页中，我有一张图片，点击后，它会打开带有fancybox 的“那个”iframe。

代码是这样的：

<a class="fancybox fancybox.iframe popup" href="http://tambooflores.com.mx/iframe_colores.html" height="100%" width="100%" > 

some IMAGE here
</a>

fancybox 的脚本是：

 $('.fancybox').fancybox();

    $("a.popup").fancybox({
        'hideOnContentClick' : true,
        'width' : 676,
        'height' : 630,
        'type' : 'iframe',
        'padding' : 16,
        'onComplete' : function() {
            $('#fancybox-frame').load(function() { // wait for frame to load and then gets it's height

            $('#fancybox-content').height($(this).contents().find('body').height()+30);
        });
    }
    });

问题是我有 8 个 iframe 和 8 个不同的画廊（每个画廊有 20 张图像）。当我单击其中任何一个时，显示需要很长时间。

所以我想在加载主网页时加载一半的图像。

我还想在每个 iframe 中添加这个：

The content of IFrame
<script type="text/javascript">
//<![CDATA[
   fireOnReadyEvent();
   parent.IFrameLoaded();
//]]>
</script>

请看fiddle 1.如何减少加载时间？2.如何提高加载或加载功能中加载一半的图像？

4

1 回答 1

1

我遇到了同样的问题。我是这样解决的：

获取将要加载的图像大小（高度或宽度）并将此结果变量作为 div 高度或宽度值。就这样。

于 2013-04-12T17:16:44.383 回答