Код выполняется в $(document).ready т.е. все картинки поидее загружены
$("#brands_gallery .item").each(function(){
var width = $(this).find('.real img').width();
var height = $(this).find('.real img').height();
var left = ($("#brands_gallery .items .item").width()-width)/2;
var top = ($("#brands_gallery .items .item").height()-height)/2;
//...
});
Работает везде, кроме хрома.
Вариант с $(this).find('.real img').get(0).clientWidth; тоже не прокатывает.
Алерт выдаёт 0, при alert($(this).find('.real img').css('width')) выдаёт 0
HTML:
<div class="item">
<p class="real"><img src="img/brands/1.png" alt="" /></p>
<p class="hover"><img src="img/brands/1_hover.png" alt="" /></p>
</div>