Div schuift weg, andere komt.

Gestart doorSanderc12 reacties19 weergaven

13 berichten · pagina 1 van 1

Sanderc

Lid · Topicstarter

Berichten
11.263
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Hallo,

stel ik heb nu deze 3 divs:

<div id="div1">Div1</div>
<div id="div2">Div2</div>
<div id="div3">Div3</div>


Dus ik wil dat ze om te beurt binnenvliegen en weg gaan.

Dus als je de site binnenkort staat div 1 er, na 5 seconden schuift hij weg, en komt div 2 er aan.
Dan gaat div 2 weg en komt div 3, dan gaat div 3 weg en kot div 1 weer. En dat moet zich blijven herhalen.

Kan iemand me uitleggen hoe ik hier aan begin?
0
Sanderc

Lid · Topicstarter

Berichten
11.263
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Ik moet geen download shit hebben. Ik moet functies etc krijgen en uitleg.
0
Berichten
3.112
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
setTimeout()
jQuery animate()
0
Sanderc

Lid · Topicstarter

Berichten
11.263
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Perryz schreef:
setTimeout()
jQuery animate()
Bedankt, ik zal hier morgen eens naar kijken.

Animate kende ik al wink
Ik wist niet dat het zo kon werken.
0
Berichten
6.485
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Je kan ook dingen als fadein en fade-out gebruiken.

Wat meestal handig is. Is om de hoofd div een relatieve positie te geven. En daarna de sub divs een absolute position te geven. Dan schuiven de divs elkaar niet weg maar liggen ze over elkaar.

Vervolgens kan met jquery (of gewoon javascript) de boel animeren. Zelf ben ik meer fan van setInterval() om de tijd te fixen maar dat moet je zelf maar zien.
0
Berichten
966
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
css3 nuff said
0
Berichten
6.485
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Destyz schreef:
css3 nuff said
nee... CSS3 kan je leuk gebruiken voor een webapp voor google crome oid. maar als website kan het gewoonweg nog niet.
0
Berichten
966
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Rogier schreef:
Eerdere citaten tonen
Destyz schreef:
css3 nuff said
nee... CSS3 kan je leuk gebruiken voor een webapp voor google crome oid. maar als website kan het gewoonweg nog niet.
Lol? Je kan tegenwoordig alle animaties zo een beetje in css3 maken met behulp van bootstrap..
0
Berichten
6.485
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Destyz schreef:
Eerdere citaten tonen
Rogier schreef:
Eerdere citaten tonen
Destyz schreef:
css3 nuff said
nee... CSS3 kan je leuk gebruiken voor een webapp voor google crome oid. maar als website kan het gewoonweg nog niet.
Lol? Je kan tegenwoordig alle animaties zo een beetje in css3 maken met behulp van bootstrap..
Ja geweldig enzo, bootstrap is niet crossbrowser...
0

Jouw reactie

Deel je idee, stel een vraag of help een ander verder.

Editor laden…

Praat mee met de One2xs-community.

Inloggen om te reageren