@Taron4uk

Как сделать слайдер-карусель блоков в данном примере?

Подскажите, пожалуйста, как сделать карусель по дням недели, чтобы можно было нажать на кнопки снизу для перелистывания следующего дня?
Буду очень благодарен. Никак не получается сделать.
5ce29e64d5251777024070.jpeg
  • Вопрос задан
  • 86 просмотров
Пригласить эксперта
Ответы на вопрос 1
alams_stoyne
@alams_stoyne
#CodeIgniter #Bootstrap #Jquery #CSS #PHP #DB
Например есть слайдер Slick а разметку я бы сделал примерно так:

<div class="slider slick">
    <div>
        <h3>Понедельник</h3>
        <div class="d-flex">
            <div><img src="" alt=""><p>Блюдо 1</p></div>
            <div><img src="" alt=""><p>Блюдо 2</p></div>
            <div><img src="" alt=""><p>Блюдо 3</p></div>
            <div><img src="" alt=""><p>Блюдо 4</p></div>
            <div><img src="" alt=""><p>Блюдо 5</p></div>   
        </div>
    </div>
    <div>
        <h3>Вторник</h3>
        <div class="d-flex">
            <div><img src="" alt=""><p>Блюдо 1</p></div>
            <div><img src="" alt=""><p>Блюдо 2</p></div>
            <div><img src="" alt=""><p>Блюдо 3</p></div>
            <div><img src="" alt=""><p>Блюдо 4</p></div>
            <div><img src="" alt=""><p>Блюдо 5</p></div>   
        </div>
    </div>
    ...
    <div>
        <h3>Воскресение</h3>
        <div class="d-flex">
            <div><img src="" alt=""><p>Блюдо 1</p></div>
            <div><img src="" alt=""><p>Блюдо 2</p></div>
            <div><img src="" alt=""><p>Блюдо 3</p></div>
            <div><img src="" alt=""><p>Блюдо 4</p></div>
            <div><img src="" alt=""><p>Блюдо 5</p></div>   
        </div>
    </div>
</div>
Ответ написан
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
16 июн. 2019, в 09:59
3500 руб./за проект
16 июн. 2019, в 09:46
10000 руб./за проект
16 июн. 2019, в 09:39
75000 руб./за проект