[JavaScript][HTML][jQuery]podmiana zdjęć Opcje

[sweter]

Witam, mam taki kodzik w HTML'u:

[HTML] pobierz, plaintext 
 
<div id="prezentacja">
						<img id="zdj1" src="./img/zdj1.jpg" />
						<img id="zdj2" style="display:none; visability:hide;" src="./img/zdj2.jpg" />
						<img id="zdj3" style="display:none;" src="./img/zdj3.jpg" />
					</div>
					<ul id="prezentacja_przelaczniki">
						<li id="1" class="on">1</li>
						<li id="2">2</li>
						<li id="3">3</li>
					</ul>
 
 
[HTML] pobierz, plaintext 

i taki w js:

Kod

var id_on = 1;
    $('#prezentacja_przelaczniki > li').click(function(){
        var id = $(this).attr('id');
        id_on = id;
        $('#prezentacja_przelaczniki > li').attr('class','');
        
        $('#prezentacja > img').fadeOut('fast', function(){
            $('#prezentacja > #zdj' + id).fadeIn('fast');
        });
        
        $('#prezentacja_przelaczniki > #' + id).attr('class','on');
    });

Działanie:

Po kliknięciu na dowolny element z listy znika aktualnie wyświetlane zdjęcie i pokazywane jest to, które jest przypisane do klikniętej pozycji z listy.

Ja jednak aby zdjęcia te "przechodziły" w siebie (dlatego funkcje fadeIn() i fadeOut()).

Niestety pojawia się moment, w którym dwie foty są widoczne naraz.

Jak to naprawić, pomóżcie!

[The Night Shadow]

Skorzystaj z metody animation, która pozwala na wykonanie funkcji po zakończeniu animacji. W ten sposób dopiero po zniknięciu pierwszego zdjęcia zacznie pojawiać się drugie.