jQuery - Simpele slideshow


Wil je graag een simpele slideshow bestaande uit bijvoorbeeld afbeeldingen of wellicht gewoon tekst dan kan dit met jQuery. Wil je uitgebreide opties dan kun je het beste bestaande scripts gebruiken, de onderstaande bevat verder geen aanvullende opties en slide alleen maar tussen de verschillende elementen. Maak een omliggende div (container), in dit geval genaamd slide en plaats hier binnen andere div's met de inhoud van de slides. Positioneer deze div's dan absolute binnen de omliggende container.

$(document).ready(function() {
        $("div.slide > div:gt(0)").hide();
        setInterval(function() {
                $('div.slide > div:first').fadeOut(500).next().fadeIn(500).end().appendTo('div.slide');
        }, 2000);
});


Demo

Hieronder een demo van de slideshow met foto's van de Metro van Londen.