Mam kod,w kodzie mam:
  1. <div class="photo-big" id="kolekcja-1">
  2. <div class="slide">
  3. <img src="img/1.jpg" class="photo-img"/>
  4.  
  5. </div>
  6. <div class="slide">
  7. <img src="img/2.jpg" class="photo-img"/>
  8.  
  9. </div>
  10. </div>


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

  1. $(window).load(function() {
  2. $('.photo-big img').each(function() {
  3. var kaka = $(this).width();
  4. alert(kaka);
  5. });
  6. });


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:

  1. $(window).load(function() {
  2. $('.photo-big img').each(function() {
  3. var img = new Image();
  4. img.onload = function() {
  5. alert(this.width + 'x' + this.height);
  6. }
  7. img.src = $(this).attr('src');
  8. });
  9. });


Z jakiegoś powodu działa - dla potomnych.