По какой причине не всегда высчитывает размеры JS Jquery?

Question

[Иван Громкий]

Добрый день, имеется скрипт который смотрит высоту+ширину изображения, и по этим размерам выставляет размеры блока инфы при наведении, но по какой-то причине чаще всего эти размеры по нулям (до вставки слайдера - редко по нулям выходило)
h914464k.bget.ru/zap4asti - вот адрес не реклама!
сам скрипт:

$(document).ready(function() {

	var heightOpis;
	var widthOpis;
	heightOpis = $('.img_menu').height();
	widthOpis = $('.img_menu').width();
	$('.opisanie').css({
		height: heightOpis,
		width: widthOpis,
		top: -heightOpis
	});
	$('.cat').css({
		height: heightOpis,
		width: widthOpis
	});
	var ParentBlock = $('.cat').parent();
	ParentBlock.css({
		height: heightOpis,
		width: widthOpis
	});

	$('.cat').hover(function(){
		var hovCat = $(this).children('.opisanie');
		hovCat.slideToggle();
	});

	$('.bxslider').bxSlider({
		auto: true
	});

	console.log('Высота:',heightOpis);
	console.log('Ширина:',widthOpis);
});

посмотрите пожалуйста, может кто что посоветует!

Answer 1

[Алексей]

На момент $(document).ready(...) изображения могут быть еще не загружены
Их width и height при этом могут быть 0x0, 20x20 или другими.
Попробуйте $(window).load(...).

Comments

[Михаил]

хотя теоретически $(document).ready(...) как раз и даст старт внутренней функции после загрузки всего документа

[Алексей]

document ready - это готовность DOM модели, если картинка не в кеше браузера, то она загрузится после этого события