使用Javascript获取图像宽度的一半

我想用Javascript计算一半的对象宽度。使用Javascript获取图像宽度的一半

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

然后我需要将该变量插入一个jQuery css修改器为margin-left。这将用于将图像定位在页面的中心位置。

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

但不是-400px，我需要在那里有变量。这可以完成吗？

来源

2011-12-21 user981053

我认为这会为你工作：

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

来源

2011-12-21 08:56:43 PiTheNumber

谢谢。这很好用，简化了我的代码。 – user981053 2011-12-21 09:15:36

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

来源

2011-12-21 08:57:43

保持简单

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

来源

2011-12-21 08:58:21 OptimusCrime

下面是如何在页面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" />

来源

2011-12-21 08:59:11

你可以将代码添加到答案中吗？ – 2011-12-21 10:17:46

使用Javascript获取图像宽度的一半

回答

相关问题