изменяется только высота картинки
Доброго времени. форумчане!
Нужно изменить за несколько шагов ширину и высоту картинки, у меня изменяется только высота. Ответа не нашла. Прошу помочь. <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);
}
|
kolobku_xxx,
делали бы уже живой пример |
это как?)
|
kolobku_xxx,
Цитата:
|
все равно не изменяется ширина. пробовала
код скрипта , который приведен ниже не меняет даже высоту изображения
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);
}
|
Цитата:
<!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. |
исправлюсь) спасибо
|
| Часовой пояс GMT +3, время: 14:25. |