Получение половины ширины изображения с помощью Javascript

109
12

Я пытаюсь вычислить половину ширины объекта с помощью Javascript.

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

Затем мне нужно подключить эту переменную к модификатору jquery css для margin-left. Это будет использоваться для позиционирования изображения в точном центре страницы.

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

но вместо -400px мне нужно каким-то образом иметь переменную. Можно ли это сделать?

спросил(а) 2020-04-04T03:12:02+03:00 3 месяца назад
1
Решение
55

Вот как вы можете поместить изображение в центр страницы 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" />

ответил(а) 2020-04-04T03:26:17.230568+03:00 3 месяца назад
55

Простота

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

ответил(а) 2020-04-04T03:12:02+03:00 3 месяца назад
54

Я думаю, это сработает для вас:

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

ответил(а) 2020-04-04T03:12:02+03:00 3 месяца назад
39

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

ответил(а) 2020-04-04T03:12:02+03:00 3 месяца назад
Ваш ответ
Введите минимум 50 символов
Чтобы , пожалуйста,
Выберите тему жалобы:

Другая проблема