@Pupochkin123

Как реализовать стандартную карусель на jquery?

Подскажите пожалуйста, как реализовать показ следующих трех элементов на jquery? И как сделать чтобы кнопки затухали если нет предыдущих элементов? Пытался сделать вот так, но я даже не представляю как можно реализовать это на JS. Помогите пожалуйста, спасибо!

Мой JS:

$(function()
{
$('.prev').on('click', function()
{
$('.active').prev('item:nth-child(3)').removeClass('active')
$('.active').next('item:nth-child(3)').addClass('active')
})
})


Мой HTML:

<style>
    .item {
        display: none
    }
    .item.active {
        display: block
    }
</style>
<button class="prev">Назад</button>
<div class="items">
    <div class="item active">1</div>
    <div class="item active">2</div>
    <div class="item active">3</div>
    <div class="item">4</div>
    <div class="item">5</div>
    <div class="item">6</div>
    <div class="item">7</div>
    <div class="item">8</div>
    <div class="item">9</div>
    <div class="item">10</div>
    <div class="item">11</div>
    <div class="item">12</div>
</div>
<button class="next">Вперёд</button>
  • Вопрос задан
  • 51 просмотр
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
04 мар. 2021, в 16:10
10000 руб./за проект
04 мар. 2021, в 15:49
500 руб./в час
04 мар. 2021, в 15:42
8000 руб./за проект