Forum PHP.pl

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:



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 (IMG:style_emoticons/default/sad.gif) pojawia się moment, w którym dwie foty są widoczne naraz. (IMG:style_emoticons/default/sad.gif)

Jak to naprawić, pomóżcie!

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.