2

現在、サイトを構築しており、ShadowboxJSプラグインを使用して画像を表示しています。

（画像ファイルに直接リンクするのではなく）JSPを介して画像を提供するため、Shadowboxは画像の幅と高さを動的に決定できないようで、画面サイズのオーバーレイで画像を開くだけです。

'rel'を使用してシャドウボックスプラグインに幅と高さを手動で渡すことができるので、次のコードを使用してFF / Chrome/Safariの問題を回避しました。

$('#pic1img').attr("src")).load(function() {
            picWidth    = this.width;
            picHeight   = this.height;
    });

 $(window).load(
            function() {
                var w = $("#pic1img").width();
                var h = $("#pic1img").height();
                if( picWidth < w ){ picWidth = w; }
                if( picHeight < h ){ picHeight = h; }
                $('#pic1').attr('rel', 'shadowbox[pics];height=' + picHeight + ';width=' + picWidth);
            }
 );

しかし、IEで同じことをする方法を見つけることができません。

4

1 に答える 1

3

サムネイルをフルサイズでロードし、ロード後に幅と高さを設定すると、コードは実際に機能しました。

問題は、周囲のdivをに設定していたことでした

display: none

画像が読み込まれ、IEが非表示の画像のサイズを計算できなくなるまで。

設定することでこれを解決しました

visibility: hidden

代わりは。

于 2011-07-27T17:37:09.360 に答える