[Erledigt] jQuery auf Ende von fadein warten?

Arne Drews · 08.09.2010, 10:43

Hi,

Kann mir jemand sagen, wie ich auf das Ende eines Effektes "warten" kann?
Der Ablauf soll wie folgt sein:

1. aktuelles Bild ausblenden
2. WENN 1 FERTIG -> nächstes Bild setzen
3. Bild einblenden.

Code:

function slideImage(imgnr) {
  $('#frontlayer').fadeOut('slow');
  $('#frontimg').attr('src', Bilder[imgnr].src);
  $('#frontlayer').fadeIn('slow');

  imgnr++;
  
  setTimeout('slideImage(' + imgnr + ')', 3000);
}

Der Ablauf ist im Prinzip relativ einfach und funktioniert auch soweit.
Jedoch wird das Bild bereits ersetzt

Code:

$('#frontimg').attr('src', Bilder[imgnr].src);

bevor das Ausblenden beendet ist.

Code:

$('#frontlayer').fadeOut('slow');

Hinweise
Das Array Bilder wird von PHP generiert und existiert natürlich (sonst würden ja gar keine Bilder angezeigt).

Der Layer ist so aufgabaut:

Code:

<div id="frontlayer" class="bilder"><a href="" target="_blank"><img id="frontimg" src="" alt="" border="0" /></a></div>

Die Anchor-Tags werden natürlich auch noch angesprochen.

wolf29 · 08.09.2010, 10:52

Hi.

Z.B. an die Callback Funktion gedacht? Schau mal hier (Forumsbeiträge zu diesem Thema):

jquery 2 effekte nacheinander auführen
http://www.php.de/javascript-ajax-un...ry-ablauf.html (jQuery Ablauf)
usw.

Wolf29

Arne Drews · 08.09.2010, 10:53

Ja, wollte gerade auf Erledigt klicken.
Hatte auch grad gesehen, daß das über Callback geht!

Sorry und Danke für die Antwort Wolf!

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Bin noch ein Anfänger mit jquery bitte um hilfe	bomber007	JavaScript, Ajax und mehr	4	19.08.2010 23:34
[Erledigt] jQuery Slider - In eine Richtung sperren	Trainmaster	JavaScript, Ajax und mehr	2	08.08.2010 16:06
[Erledigt] Statistik mit jQuery	DJ_RhoxxZ	JavaScript, Ajax und mehr	6	25.07.2010 17:47
jquery: dialogbox funktioniert nicht	Dreamwatcher	JavaScript, Ajax und mehr	16	22.07.2010 18:22
jQuery findet Element nicht	ByStones	JavaScript, Ajax und mehr	8	11.06.2010 14:03
jQuery Plug scroll to - wie einbetten?	mxxxx	JavaScript, Ajax und mehr	5	24.04.2010 18:12
jQuery Dokus/Tuts	MaiKaY	Off-Topic Diskussionen	9	25.09.2009 16:52
JQUERY - divs auf und zuklappen	sturmi	JavaScript, Ajax und mehr	5	04.06.2009 14:23
Leerzeichen am Ende macht Probleme	superskunk	Datenbanken	31	20.05.2009 12:48
[Erledigt] jQuery Dateien nachladen	Phoscur	JavaScript, Ajax und mehr	7	14.03.2009 13:44
jQuery Plugin - so richtig?	stayInside	JavaScript, Ajax und mehr	5	23.02.2009 12:34
For Schleife mit jQuery	phpbeginner	JavaScript, Ajax und mehr	3	22.11.2008 22:35
[Erledigt] Inkrement Uhrzeit - von Startzeit bis Ende	Ponton	PHP Tipps 2008	6	10.10.2008 14:11
Mit PHP am Ende einer TXT was ergänzen / Leerzeilen löschen	DDogg	PHP Tipps 2007	5	01.02.2007 10:32
Problem mit DIV -Bild soll am unteren Ende der Seite bleiben	scheibo	HTML, Usability und Barrierefreiheit	16	12.01.2006 16:54

08.09.2010, 10:43
Arne Drews Erfahrener Benutzer Registriert seit: 22.04.2009 Beiträge: 3.486 PHP-Kenntnisse: Anfänger	[Erledigt] jQuery auf Ende von fadein warten? Hi, Kann mir jemand sagen, wie ich auf das Ende eines Effektes "warten" kann? Der Ablauf soll wie folgt sein: 1. aktuelles Bild ausblenden 2. WENN 1 FERTIG -> nächstes Bild setzen 3. Bild einblenden. Code: function slideImage(imgnr) { $('#frontlayer').fadeOut('slow'); $('#frontimg').attr('src', Bilder[imgnr].src); $('#frontlayer').fadeIn('slow'); imgnr++; setTimeout('slideImage(' + imgnr + ')', 3000); } Der Ablauf ist im Prinzip relativ einfach und funktioniert auch soweit. Jedoch wird das Bild bereits ersetzt Code: $('#frontimg').attr('src', Bilder[imgnr].src); bevor das Ausblenden beendet ist. Code: $('#frontlayer').fadeOut('slow'); Hinweise Das Array Bilder wird von PHP generiert und existiert natürlich (sonst würden ja gar keine Bilder angezeigt). Der Layer ist so aufgabaut: Code: <div id="frontlayer" class="bilder"><a href="" target="_blank"><img id="frontimg" src="" alt="" border="0" /></a></div> Die Anchor-Tags werden natürlich auch noch angesprochen. __________________ Phantasie ist wichtiger als Wissen, denn Wissen ist begrenzt. Probleme kann man niemals mit derselben Denkweise lösen, durch die sie entstanden sind. Albert Einstein


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

08.09.2010, 10:52
wolf29 Erfahrener Benutzer Registriert seit: 17.03.2010 Beiträge: 1.833 PHP-Kenntnisse: Fortgeschritten	Hi. Z.B. an die Callback Funktion gedacht? Schau mal hier (Forumsbeiträge zu diesem Thema): jquery 2 effekte nacheinander auführen http://www.php.de/javascript-ajax-un...ry-ablauf.html (jQuery Ablauf) usw. Wolf29 __________________ while (!asleep()) sheep++; Unterschätze nie jemanden der einen Schritt zurück geht! Er könnte Anlauf nehmen.

08.09.2010, 10:53
Arne Drews Erfahrener Benutzer Registriert seit: 22.04.2009 Beiträge: 3.486 PHP-Kenntnisse: Anfänger	Ja, wollte gerade auf Erledigt klicken. Hatte auch grad gesehen, daß das über Callback geht! Sorry und Danke für die Antwort Wolf! __________________ Phantasie ist wichtiger als Wissen, denn Wissen ist begrenzt. Probleme kann man niemals mit derselben Denkweise lösen, durch die sie entstanden sind. Albert Einstein