0

垂直方向と水平方向の中央に配置する必要があるランダムな高さと幅の画像がたくさんあります。

何らかの理由で動作しなくなりました。誰か助けを惜しまないでしょうか？jQuery の知識はありません (誰かがコードを教えてくれました)。

画像1

画像2

//jQuery by Juan Mendes
$(window).load(function(){
  var $img = $('img');

  $img.css({'display': 'block',
          'margin-left': '-' + ($img.width() / 2) + 'px',
          'margin-top': '-' + ($img.height() / 2) + 'px'});
});
4

1 に答える 1

1

center.js にブレークポイントを追加しました。これは、呼び出し時に画像に幅/高さがないことを示しています$img.css

画像がロードされた後にスクリプトが実行されることを保証するには、onload ハンドラーでラップする必要があります

$(window).load(function(){
  var $img = $('img');

  $img.css({'display': 'block',
          'margin-left': '-' + ($img.width() / 2) + 'px',
          'margin-top': '-' + ($img.height() / 2) + 'px'});
});
于 2012-05-21T20:16:01.340 に答える