Форум

kolobku_xxx · #1 (**permalink**) 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);
		}

рони · #2 (**permalink**) 14.07.2016, 18:45

kolobku_xxx,
делали бы уже живой пример

kolobku_xxx · #3 (**permalink**) 14.07.2016, 18:52

это как?)

рони · #4 (**permalink**) 14.07.2016, 18:53

kolobku_xxx,

Сообщение от kolobku_xxx

document.getElementById('img_banner').style.width

kolobku_xxx · #5 (**permalink**) 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);
		}

рони · #6 (**permalink**) 14.07.2016, 18:56

Сообщение от kolobku_xxx

это как?)

это так

<!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 · #7 (**permalink**) 14.07.2016, 18:58

исправлюсь) спасибо

Форум

Справочник

Discord чат

Курсы javascript