jQuery slideshow

Status
Niet open voor verdere reacties.

James007

Meubilair
Lid geworden
7 jan 2005
Berichten
5.794
Hallo allen,

Ik had graag een functie gemaakt in jQuery die de children van een bepaalde div één voor één laat zien.

De structuur is dus
<div id="main">
<div id="bla">content</div>
<div id="bla2">content</div>
<div id="bla3">content</div>
</div>

Het resultaat zou moeten zijn dat je eerst een aantal seconden het eerste child ziet, dan een fade naar de tweede child, enzv tot de laatste, die weer naar de eerste verwijst. Een simpele carrousel dus.

Ik ken de ******** van javascript, en frustreer me ook dat ik deze simpele loop niet kan uitvoeren. Is er iemand die me kan helpen?

Het zou zoiets zijn dus:

$('#main').draai(3000);

waarbij je eerst alle child divs verbergt, de eerste laat infaden aan 3000, dan gaat kijken of er een div op hetzelfde niveau is via .next(), de vorige laat uitfaden aan 3000, en de nieuwe laat infaden aan 3000 en bij de laatste op dat niveau weer de eerste aanspreekt.

Iemand? :)
 
Laatst bewerkt:
[js]
$("#main > div").hide();
setTimout(function() {
if(!$("#main > div").next()) {
$("#main:first-child").fadeIn(5).delay(2990).fadeOut(5);
} else {
$("#main > div").next().fadeIn(5).delay(2990).fadeOut(5);
}
}, 3000);
[/js]

Geen idee of het werkt, maar zoiets zou het kunnen worden.
Als het misloopt denk ik dat het bij de IF-statement zal gebeuren.
Beetje gekeken naar deze code: http://www.clecompte.com/building-simple-jquery-rotating-carousel/
 
Status
Niet open voor verdere reacties.
Terug
Bovenaan Onderaan