@Antono__88

Как создание карусели с прелоадером и fake API?

Всем привет!

подскажите пожалуйста, как можно имитировать загрузку с REST API как на картинке

602fb6092e233488231841.png

я в принципе карусель создал, а вот как имитировать подгрузку других карточек не понимаю.

при нажатии на кнопку я хочу чтобы происходила фейковая подгрузка с каким нибудь лоадером и потом показывался следующий слайд

код внизу я его немного переделал, и тут слайдер разумеется не рабочий так как второй день тесты провожу
картинки я беру рандомные из интернета

вот мой код

<body>
    <h1>Carousel</h1>
    <div id="my-carousel"></div>
    <script>
        var option1 = {
            container: "my-carousel",
            title: "Fresh and just upload content",
            subtitle: "Lorem ipsum",
            fetchCards: function(chunkSize) {
                // здесь пытаюсь сделать так чтобы функция chunksize взращала обект с карточками
                //каторая будет показана в каруселе

                // вот так я хочу разделить каждую карточку
                return {
                    image: "https://cdn.pixabay.com/photo/2015/04/23/22/00/tree-736885__340.jpg",
                    type: "learning",
                    duration: 3600,
                    title: "welcome",
                    cardinality: "single"
                };
            }
        }

        var carousel1 = new Carousel(options1);
    </script>
</body>
  • Вопрос задан
  • 32 просмотра
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы