Вход

Просмотр полной версии : изменяется только высота картинки

kolobku_xxx
14.07.2016, 18:35
Доброго времени. форумчане!
Нужно изменить за несколько шагов ширину и высоту картинки, у меня изменяется только высота. Ответа не нашла. Прошу помочь.

<div id="picture">
<img id="img_banner" src="image/баннер.jpeg" alt="Песик на матрасе"/>
</div>


window.onload = function make_bigger_banner() {
var big_width = '1920';
var big_height = '831.0042';
var banner_width = document.getElementById('img_banner').width;
var banner_heigth = document.getElementById('img_banner').height;
if ( banner_width < big_width && banner_heigth < big_height ){
document.getElementById('img_banner').style.width += banner_width*0.00276171875;
document.getElementById('img_banner').height += banner_heigth*0.0023018125;
}
setTimeout(make_bigger_banner, 100);
}
рони
14.07.2016, 18:45
kolobku_xxx,
делали бы уже живой пример
kolobku_xxx
14.07.2016, 18:52
это как?)
рони
14.07.2016, 18:53
kolobku_xxx,
document.getElementById('img_banner').style.width
kolobku_xxx
14.07.2016, 18:54
все равно не изменяется ширина. пробовала
код скрипта , который приведен ниже не меняет даже высоту изображения

window.onload = function make_bigger_banner() {
var big_width = '1920';
var big_height = '831.0042';
var banner_width = document.getElementById('img_banner').width;
var banner_heigth = document.getElementById('img_banner').height;
if ( banner_width < big_width && banner_heigth < big_height ){
document.getElementById('img_banner').style.width += banner_width*0.00276171875;
document.getElementById('img_banner').style.height += banner_heigth*0.0023018125;
}
setTimeout(make_bigger_banner, 100);
}
рони
14.07.2016, 18:56
это как?)
это так
<!DOCTYPE html>

<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">

<script>
window.onload = function make_bigger_banner() {
var big_width = 1920;
var big_height = 831.0042;
var banner_width = +document.getElementById('img_banner').width;
var banner_heigth = +document.getElementById('img_banner').height;
if ( banner_width < big_width && banner_heigth < big_height ){
document.getElementById('img_banner').width += banner_width*0.1;
document.getElementById('img_banner').height += banner_heigth*0.18;

setTimeout(make_bigger_banner, 100);
}
}

</script>
</head>

<body>

<div id="picture">


<img id="img_banner" src="http://javascript.ru/forum/images/ca_serenity/misc/logo.gif" alt="Песик на матрасе"/>


</div>


</body>
</html>

http://javascript.ru/formatting.
kolobku_xxx
14.07.2016, 18:58
исправлюсь) спасибо