1

ウィンドウを中心に配置する必要のあるdivとimgがあります。この関数を使用してそれを行うために、jQuery機能を拡張しました。

jQuery.fn.center = function () {
                this.css("position","absolute");
                this.css("top", Math.max(0, (($(window).height() - this.outerHeight()) / 2) +$(window).scrollTop()) + "px");

                this.css("left", Math.max(0, (($(window).width() - this.outerWidth()) / 2) +  $(window).scrollLeft()) + "px");

                return this;
            }

この機能は完全に機能しますが、唯一の問題は、画像が最初にデフォルトの位置に読み込まれ、次に中央に移動されることです。ページの読み込み時に画像を中央に直接表示するにはどうすればよいですか。

編集：これが私が意味したことです：www.foxteam.net/portfolio.php

4

1 に答える 1

1

私は実際にあなたを助けるためにこの関数を呼び出すコードを見る必要があります、しかしここに簡単な提案があります。

最初にimgをレンダリングし、直後に関数display:none;をチェーンする か、コールバックを使用して同期させます。.fadeIn().center()

このようにして、画像を表示する前でも画像を中央に配置します。

于 2012-07-30T12:26:30.143 に答える