0

iframeギャラリーを保持する があります。私のメインのウェブページには画像があり、クリックすると「その」iframeがfancyboxで開きます。

コードは次のようになります。

<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 つの異なるギャラリー (それぞれ 20 枚の画像) を持つ 8 つの iframe があることです。それらのいずれかをクリックすると、表示に時間がかかります。

だから私は、メインのウェブページをロードするときに画像のおそらく半分をロードすることを考えていました.

また、各 iframe にこれを追加することも考えていました:

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

フィドル 1をご覧ください。2.読み込みを改善する方法、または読み込み機能で画像の半分を読み込む方法は?

4

1 に答える 1

1

私は同じ問題を抱えていました。私はこのように解決しました：

ロードする画像サイズ (高さまたは幅) を取得し、この結果変数を div の高さまたは幅の値として配置します。それだけです。

于 2013-04-12T17:16:44.383 に答える