Есть такая структура
<div class='wrapper'>
<div class='slide active'></div>
<div class='slide'></div>
<div class='slide'></div>
<div class='slide'></div>
<div class='slide'></div>
</div>
надо что бы каждый 10 секунд, у прошлого удалялся класс active и у след. добавлялся, если дошел до конца переходит к первому( зациклен)
Как то так?
function slideShow(){
var $next = $(".slide.active").next(".slide");
$(".slide.active").removeClass('active');
if(!$next.length) $next = $(".slide").eq(0);
$next.addClass('active');
}
setInterval(slideShow, 3000);
.slide {
display: none;
color: red;
}
.slide.active {
display: block;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class='wrapper'>
<div class='slide active'>slide-1</div>
<div class='slide'>slide-2</div>
<div class='slide'>slide-3</div>
<div class='slide'>slide-4</div>
<div class='slide'>slide-5</div>
</div>
Айфон мало держит заряд, разбираемся с проблемой вместе с AppLab
Перевод документов на английский язык: Важность и ключевые аспекты
Всем привет! В JS есть очень удобная фича для организации кода - модулиТо есть разбиение блоков кода по отдельным файлам с возможностью импорта/экспорта...
У при нажатии на кнопку появляться модальное окно