Здравствуйте, вот какая проблема, очень прошу помочь:
Есть задача - плавно увеличить изображение при клике, при достижении конечного размера (не раньше!!) должна появиться кнопка "Закрыть".
Вот как реализовано:
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) ??