Показать сообщение отдельно
  #1 (permalink)  
Старый 07.11.2009, 01:57
Интересующийся
Отправить личное сообщение для glutton Посмотреть профиль Найти все сообщения от glutton
 
Регистрация: 26.03.2009
Сообщений: 25

Последовательное выполнение кода
Здравствуйте, вот какая проблема, очень прошу помочь:

Есть задача - плавно увеличить изображение при клике, при достижении конечного размера (не раньше!!) должна появиться кнопка "Закрыть".
Вот как реализовано:

function ShowImg(obj,hBlock) { 
    if (obj.offsetHeight < hBlock) { 
        obj.style.height = (obj.offsetHeight + 50) + 'px';
        setTimeout (function(){ShowImg(obj,hBlock)},30); 
    }
}
 
function showLargePicture(h)
{
    var div = document.getElementById('img_container');
    var img = document.getElementById('resImage');
 
    // Плавное увеличение изображения
    var i = ShowImg(img,div,h);
    // Появление кнопки "Закрыть"
    var x = document.getElementById('img_close');
    x.style.display = 'block';
}


Вобщем, кнопка "Закрыть" появляется сразу - параллельно с увеличением, не дожидаясь окончания процедуры..
Можно как-то заставить её "подождать" с появлением до того, как полностью закончится выполнение функции ShowImg(obj,hBlock) ??
Ответить с цитированием