Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [jquery]Plynne przejscia pomiedzy obrazkami w petli
Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript
Skicek
Witam,
otoz chce za pomoca jquery stworzyc pseudo gifa... tzn mam kilka obrazkow i chce by po kolei wyswietlaly sie i znikaly jeden po drugim plynnym przejsciem.

skonstruowalem cos ale nie wiem jak to umiescic w petli...

CODE


$(document).ready(function(){

$('#obrazek').fadeIn(500).fadeOut(500);
$('#obrazek2').delay(1000).fadeIn(500).fadeOut(500);

});


HTML

<div id="obrazek" style="display:none;">
<img src="grafika/logo.jpg"/>
</div>
<div id="obrazek2" style="display:none;">
<img src="grafika/logo2.jpg"/></div>



edit:
chodzi mi oczywiscie o skrypt ktory laduje sie po zaladowaniu strony.
kamil4u
Użyj tzn. callback-a. Funkcje, z których tu korzystałeś mają taką metodę.

I nie twórz nowego obrazka( elementu ), tylko użyj jednego i zmieniaj atrybut src( żeby uniknąć skoku ładowania nowego obrazka zrób pre-load - na początku strony wykorzystaj new Image)

--edit--
Domyślam się, że jesteś względnie początkujący, więc jak czegoś nie rozumiesz to opisz czego dokładnie to postaram się wyjaśnić.
Skicek
tak, jestem poczatkujacy, tzn potrafie modyfikowac kod ale nie potrafie go samemu napisac.

ogolnie znalazlem ciekawy plugin do jquery "innerfade" jak na razie spelnia to co chcialem stworzyc. Ale oczywiscie wolalbym uniknac kolejnego "frameworka" (czyt plugin do jquery) i poprostu stworzyc ten sam efekt dzieki samemu jquery.
Przyznam ze teoretycznie wiem jak to wykonac ale w praktyce juz nie potrafie sad.gif

nie wiem jak zmieniac atybut src.
co do new Image to mam poprostu dac "var new Image =" i wymieniac kazdy obrazek czy jak?
kamil4u
http://jsfiddle.net/SPgn8/1/

To nie jest najlepsza metoda, ale obrazuje w jaki sposób możesz operować na callback-u.
Skicek
a jak bym chcial teraz te obrazki miec w tablicy by wywolywac jeden po drugim...
to odwoluje sie do nich w ten sam sposob jak w php ?
kamil4u
Podobnie: http://lmgtfy.com/?q=js+tablice

Najlepiej napisać funkcję z parametrem i wywoływać ją rekurencyjnie.
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.