JavaScriptのDIVのセンタリング

Question

私のウェブサイトのJavaScriptに問題があります。私はちょうど私がクリックしたイメージを正しく表示するためにdivを中心にできません。 2回目の試行でのみ動作します。画像の最初の試行では、常に右下に表示されます。

私はJavaScriptを使いこなしてみましたが、その周りに頭を浮かべることはできません。

Check it out here

Answer 1

あなたは、画像srcを設定する前に、CSSのプロパティを適用するので、それは起こります。

イメージを最初に読み込むと、以前のイメージはなく、中央に表示されません。 別の画像をクリックすると、その画像は前の画像の寸法に従って中央に配置されます。

Answer 2

あなたのdivにoffsetWidthとheightがまだありません。