Javascriptを使用して画像の幅の半分を取得する

Question

JavaScriptのオブジェクトの幅の半分を計算しようとしています。

var img = document.getElementById('picture1'); 
    var width = img.clientWidth; 
    var halfwidth = width/2; 

次に、その変数をmargin-left用のjquery CSS修飾子に挿入する必要があります。これは、画像をページの正確な中央に配置するために使用されます。

$('#div').css('margin-left','-400px'); 

-400pxの代わりに、何らかの形で変数を設定する必要があります。これは達成できますか？

Answer 1

私はこれがあなたのために働くだろうと思う：

$('#div').css('margin-left','-' + ($('#picture1').width()/2) + 'px'); 

Answer 2

$('#div').css({marginLeft : $('#picture1').width()/2}); 

Answer 3

ここでは簡単な

$('#div').css('margin-left','-'+(parseInt($('#picture1').width())/2)+'px'); 

Answer 4

を、それを維持するには、ページhttp://jsfiddle.net/JkZdH/

の中央に画像を配置することができる方法である

var img = $('#myImg'), 
    docWidth = $(document.body).width(), 
    imgWidth = img.outerWidth(true), 
    marginLeft = (docWidth - imgWidth)/2; 
img.css('margin-left', marginLeft); 

htmlの場合：

<img src="sample_image.png" alt="dog" id="myImg" />