div´s automatisch faden

waggi · #1 (**permalink**) 24.10.2012, 13:15

Hallo zusammen,
ich bastel gerade an einem Skript komme aber nicht mehr so wirklich weiter. Vielleicht kann mir hier ja jemand weiterhelfen!?

Für Profis vermutlich recht einfach ... ich bekomm es momentan nicht gebacken

Was will ich überhaupt machen?
Ich habe drei DIV Container, welche einfach automatisch (endlos) durchwechseln sollen.

- sprich die Seite wird aufgerufen und DIV1 wird per fadeIn eingeblendet
- nach 5 Sekunden wieder per fadeOut ausgeblendet
- dann DIV2 fadeIn / fadeOut
- dann DIV3 fadeIn / fadeOut
- und wieder von vorne

Bisher hab ich folgenden HTML Code:

HTML-Code:

<div id='container'>

<div id='div1' class='display' style="background:url(images/bg1.png);"></div>
<div id='div2' class='display' style="background:url(images/bg2.png);"></div>
<div id='div3' class='display' style="background:url(images/bg3.png);"></div>

<div>

Und meine JS sieht so aus:

HTML-Code:

$(function () {

    var counter = 0,
        divs = $('#div1, #div2, #div3');

    function showDiv () {
		divs.fadeOut(2500)
            .filter(function (index) { return index == counter % 3; })
            .fadeIn(2500);

		

        counter++;
    }; 

    showDiv(); 

    setInterval(function () {
        showDiv(); 
    }, 10 * 500);    

});

Problem:
Die einzelnen DIVs werden nicht sauber ein- und ausgeblendet.

Kann mir hier vielleicht jemand weiterhelfen?

Viele Grüße,
Waggi

xm22 · #2 (**permalink**) 26.10.2012, 09:02

Was soll die Filterfunktion machen?

v217.89 · #3 (**permalink**) 27.10.2012, 11:33

Da gibt es wahrscheinlich tausend Varianten ..

.. z.B. schreibe die Animation in einer Funktion, wo du via callback die Funktion bei Abschluss erneut aufrufst ..

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Ansicht
Linear-Darstellung Zur Hybrid-Darstellung wechseln Zur Baum-Darstellung wechseln

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
DIV´s mit float:left insgesamt zentrieren	Overtone	CSS	8	21.06.2012 23:06
Programmierauftrag: Impressidaten bzw whois.de Daten automatisch auslesen	doro50	Jobs	1	19.06.2012 12:48
JQuery, Bilder sollen faden, nicht stehen bleiben...	pkipper	Javascript & Ajax	2	22.04.2010 19:43
Div´s verschieben sich im FF	lilly246	CSS	3	26.08.2009 17:33
layout - 4 div´s, angeordnet wie ein fenster?	Guybrush	CSS	8	28.06.2007 17:29