загрузка изображения
 

Здрасвуйте.

Сделал в одном блоке смену контента по средствам аякса.
работает ето так : в начале текущее содержание пропадает 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() после того как все изображения загружены?