Адаптивный по контенту слайдер.
 

Господа, доброй день всем. Не могу написать
Сладейр, адаптивный, не по ширине и высоте, а по кол-ву содержимого ( контенту ), т.е. не зависит от кол-ва img или чего-либо другого ( в моем случае это section ). Зацикленный, управляется с помощью стрелок prev и next само-собой. Зациклил, но вот с prev и next никак не могу решить. Добрые люди, помогите пожалуйста.

function startSlider() {
    var sectionValue = 1;
    var sectionNext = 2;
    var MaxValue = $('.slider section').size();
 
    // display: none for section
        $('.slider section').css({'display': 'none'});
        $('.slider .wrapper section#sec' + sectionValue).fadeIn(400).delay(8000).fadeOut(400);
        sectionValue += 1;
 
    // loop func
    var changeSection = setInterval(function () {
        $('.slider .wrapper section#sec' + sectionNext).fadeIn(400);
        $('.slider .wrapper section#sec' + sectionNext).delay(8000).fadeOut(400);
 
        if(sectionNext == MaxValue) {
            sectionNext = 1;
        } else {
            sectionNext += 1;
        }
 
    }, 9000);
}

Да, то что слайдер будет зациклен в любых случаях, даже если там будет овер 10000 img или чего-либо другого. Адаптивный по контенту.