[jquery] Pobranie rozmiarów wszystkich obrazków, pobiera się tylko pierwszy... Opcje

[kazag]

Mam kod,w kodzie mam:

[HTML] pobierz, plaintext 
<div class="photo-big" id="kolekcja-1">
			<div class="slide">
				<img src="img/1.jpg" class="photo-img"/>
 
			</div>
			<div class="slide">
				<img src="img/2.jpg" class="photo-img"/>
 
			</div>
	</div>	
[HTML] pobierz, plaintext 

Oraz pod nim dodany w <script></script> kod jquery:

[HTML] pobierz, plaintext 
$(window).load(function() {
		$('.photo-big img').each(function() {
			var kaka = $(this).width();
			alert(kaka);
		});
	});
[HTML] pobierz, plaintext 

I dostaję alert z pierwszym wymiarem, a drugi alert wynosi 0... Zdjęcia mają ten sam wymiar, więc powinno być ok..

Nie wiem kurcze, co nie tak tu zrobiłem? Wg googli jest ok.

Ok, więc zrobiłem tak:

[HTML] pobierz, plaintext 
$(window).load(function() {
		$('.photo-big img').each(function() {
			var img = new Image();
			img.onload = function() {
			  alert(this.width + 'x' + this.height);
			}
			img.src = $(this).attr('src');
		});
	});
[HTML] pobierz, plaintext 

Z jakiegoś powodu działa - dla potomnych.