Показать сообщение отдельно
  #1 (permalink)  
Старый 24.12.2010, 14:03
Новичок на форуме
Отправить личное сообщение для rhjirftyjn Посмотреть профиль Найти все сообщения от rhjirftyjn
 
Регистрация: 15.12.2010
Сообщений: 4

как работает setTimeout???
Здравствуйте.
задача: увеличичить картинку с размера 100px до 300px пошагово
без таймаута - получается простой ролловер (маленькая картинка - большая картинка).
я это списал на быстрое выполнение цикла, в результате чего вижу только конечные значения ширины картинки.
поставил таймаут - и все перестало работать.
чего не так сделано?
спасибо

-----------------------------------------------------------------------------
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title>Untitled Document</title>
</head>
<script type="text/javascript">

function bigImg()
{
var m = document.tigr.width;

while (m <300)
{
setTimeout('m=m+25',250);
document.tigr.width = m;
}
}
function resizeImg()
{
document.tigr.width = 102;
}

</script>


<body>
<img src="images/tigr.jpg" name="tigr" width="102" onclick="bigImg()" ondblclick="resizeImg()" />



</body>
</html>
----------------------------------------------------------------------
Ответить с цитированием