Здрасвуйте.
Сделал в одном блоке смену контента по средствам аякса.
работает ето так : в начале текущее содержание пропадает fadeOut(), затем загружется новое содержание, происходит .animate() до требуемой высоты (то есть) и fadeIn();
Проблема в том что если в контенте присутвуют изображения, то высота не правильно считаеться и в результате не правильо работает .animate();
в следующем разе - все нормально.
Из логики следует что на момент когда расчитывается значение высоты, что произошла анимация - изображения еше не загружены и их высота не учитывается, если она не задана в css.
Пытался решить етотак :
var IMGS = $(preElement).find('img');
var IMGCOUNT = IMGCOUNT.length;
for (var j = 0; j < IMGCOUNT; j++) {
IMGS[j].onload = function(){
IMGCOUNT_CHECK++;
}
check();
function check(){
(IMGCOUNT == IMGCOUNT_CHECK ) ? show() : check();
}
function show(){
...
}
скрипт то работает, но значения всегда равны. Функция check() вызываетсяь всего один раз, сколько не было бы изображений.
подскажите пожалуйста, как запускать функцию show() после того как все изображения загружены?