Всем привет!
подскажите пожалуйста, как можно имитировать загрузку с REST API как на картинке
я в принципе карусель создал, а вот как имитировать подгрузку других карточек не понимаю.
при нажатии на кнопку я хочу чтобы происходила фейковая подгрузка с каким нибудь лоадером и потом показывался следующий слайд
код внизу я его немного переделал, и тут слайдер разумеется не рабочий так как второй день тесты провожу
картинки я беру рандомные из интернета
вот мой код
<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>