Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [JavaScript][HTML][jQuery]podmiana zdjęć
Forum PHP.pl > Forum > Przedszkole
sweter
Witam, mam taki kodzik w HTML'u:

  1.  
  2. <div id="prezentacja">
  3. <img id="zdj1" src="./img/zdj1.jpg" />
  4. <img id="zdj2" style="display:none; visability:hide;" src="./img/zdj2.jpg" />
  5. <img id="zdj3" style="display:none;" src="./img/zdj3.jpg" />
  6. </div>
  7. <ul id="prezentacja_przelaczniki">
  8. <li id="1" class="on">1</li>
  9. <li id="2">2</li>
  10. <li id="3">3</li>
  11. </ul>
  12.  
  13.  


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 sad.gif pojawia się moment, w którym dwie foty są widoczne naraz. sad.gif

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.
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.