[jQuery] Pobranie wysokość wczytanego obrazka - ajax Opcje

[drzalek]

Witam,
Mam taki oto problem:
Chciałbym pobrać wysokość obrazka, który został wczytany za pomocą jquery do kodu strony. Niestety mój skrypt nie działa zbyt dobrze. Wysokość zostaje pobrana prawidłowo tylko wtedy, gdy zdjęcie było już wcześniej wczytane na stronie, jeśli zdjęcie ładuje się po raz pierwszy zostaje pobrana wartość 20, czyli taka jak wtedy gdy nie ma żadnej fotki.

Kod jquery przedstawia się następująco:

[HTML] pobierz, plaintext 
        $('#navigator li a').click(function(){
 
		katalog = $(this).attr('href');
 
		$.get('photo.php',{'id' : $(this).attr('href')}, function(data){
                    //zwraca liste zdjec odseparowanych srednikiem
                    var separator = ';';
                    $i=0;
                     galeria = data.split(separator); //tworzy tablice ze wszystkimi zdjeciami z danej galerii
 
                    element = '<img src="galerie/'+katalog+'/'+galeria[$i]+'" alt="fotografia" id="photo"/>'
 
 
                    $('#photo').replaceWith(element);
 
		});
 
		var height = $('#photo').height(); //wysokosc obrazka po wczytaniu
 
		alert(height);
 
		return false;
	});
 
        $('#next-container img').click(function(){
 
		$i = $i + 1;
		if($i>=galeria.length-1){
			$i = 0;
		}
 
		var element = '<img src="galerie/'+katalog+'/'+galeria[$i]+'" alt="fotografia" id="photo"/>'
		//alert(element);
 
		$('#photo').replaceWith(element);
 
 
 
		var height = $('#photo').height(); //wysokosc obrazka po wczytaniu nast zdjecia
		alert(height);	
		return false;	
	});
[HTML] pobierz, plaintext 

id photo to identyfikator zdjęcia ładowanego na stronie.
Czy ktoś ma może jakiś pomysł na rozwiązanie problemu?

[krowal]

Zastąp odpowiednie linijki tym kodem:
1. $('#navigator li a').live('click', function(){ ...
25. $('#next-container img').live('click', function(){ ...

Powinno pomóc

[everth]

Popraw adres obrazka bo chyba nie jest prawidłowy. Użyj natywnego JS Image zamiast wpisywać kod obrazka w HTML. Jeśli przeglądarka jest normalna to powinna pobrać obrazek a atrybuty width i height ustawić na jego właściwe wymiary.

[drzalek]

Dzięki za odpowiedzi.
Zamieniłem replaceWith na takie coś:

[HTML] pobierz, plaintext 
document.getElementById("photo").src='galerie/'+katalog+'/'+galeria[$i];
[HTML] pobierz, plaintext 

Teraz działa prawie dobrze, tzn. zwraca poprawne wartości wysokości obrazka, ale bierze ten poprzednio wczytany, a nie ten który jest obecnie pobierany, czyli w efecie problem nadal istnieje

[everth]

Pomyśl co to robi

[JAVASCRIPT] pobierz, plaintext 
img = new Image();
img.src='http://images3.wikia.nocookie.net/__cb20060203180427/nonsensopedia/images/1/14/Informatyk_w_pracy.gif';
img.alt='';
 
alert(img.height);
alert(img.width);
$('#photo').replaceWith(img);
[JAVASCRIPT] pobierz, plaintext 

[drzalek]

Nie zrozumiałem za pierwszym razem o co Ci chodziło. Teraz w zasadzie działa, niestety zdarza się czasami - nie zawsze, że przy wczytaniu nowego zdjęcia zostaje jeszcze wysokość ze starego. Nie wiem czym może to być spowodowane.
Dzięki za pomoc.