Beste SD-ers,

Met mijn beperkte kennis van jQuery ben ik begonnen om een eigen jQuery slider te maken. Ik loop echter tegen een probleem aan. De slider gaat namelijk heel mooi naar het volgende item, maar stop daarna ook gelijk. Hij gaat niet weer door naar het daarop volgende item.

Dus ik krijg het eerste plaatje te zien, druk je op next, ga je naar het volgende plaatje, druk je dan op next, dan gebeurt er niets meer. Heeft iemand misschien een idee hoe ik dit kan oplossen. Ik denk dat ik weet waar het zit, maar weet niet hoe ik dit moet oplossen.

De jquery:

PHP Code:

// Slider settings
$(document).ready(function() { 
    var pauze = 2000; // Lengte pauze
    var animatie = 500; // Lengte animatie    
    Slider(pauze, animatie);    
});

function Slider(pauze, animatie) {
    $('#next').click(function() {
        // Er is op volgende geklikt, hij moet naar de volgende sliden
        // Welk item is actief
        var currentTab = $('.tabs li.active').index(); // Momenteel actief
        var nextTab = currentTab + 1; // Volgend actief
        
        // Huidige image laten uitfade 
        $('.output li.active').fadeOut(animatie, function() {
            // Selecteer het volgende images
            $('.output li').eq(nextTab).fadeIn(animatie, function() {
                $('.output li').removeClass('active'); // Verwijder de huidige actieve image
                $('.output li').eq(nextTab).addClass('active'); // Zorg dat de nieuwe image actief wordt    
                    alert(nextTab);
            });
        });
    });
} 


De output is hierbij de image en #next is een <a href="#" title="" id="next">

Hopelijk kan iemand mij hierbij helpen.

Opgelost!