[jquery]Plynne przejscia pomiedzy obrazkami w petli Opcje

[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.

Ten post edytował Skicek 22.10.2011, 12:10:12

[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ć.

Ten post edytował kamil4u 22.10.2011, 12:10:54

[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

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.