停止Jquery滑块并断开

Question

我有以下代码通过图像列表。一旦它到达最后一个图像，我希望它打破并运行一个功能。我尝试了一个长度为while的循环，但滑块断开了。

function slider() {
    var $slider = $('.slider');
    var $slide = 'li';
    var $transitionTime = 1000;
    var $transitionTimeBetweenSlides = 4000;
    var $length = $slide.find('li').length;

    function slides() {
        return $slider.find($slide);
    }

    slides().fadeOut();
    slides().first().addClass('active');
    slides().first().fadeIn($transitionTime);

    $interval = setInterval(function () {
        var $i = $slider.find($slide + '.active').index();
        slides().eq($i).removeClass('active');
        slides().eq($i).fadeOut($transitionTime);

        if (slides().length == $i + 1) // loop to start
            slides().eq($i + 1).fadeIn($transitionTime);
        slides().eq($i + 1).addClass('active');

    }, $transitionTime + $transitionTimeBetweenSlides);
}

感谢。