Господа, доброй день всем. Не могу написать
Сладейр, адаптивный, не по ширине и высоте, а по кол-ву содержимого ( контенту ), т.е. не зависит от кол-ва 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);
}
