I think similar questions and cases have been answered before in another thread. I found some references that might be helpful to you and I'll give you some links. Another thread in stackoverflow
You can also use the following JS code:
$('.multi-item-carousel').carousel({ interval: false }); // for every slide in carousel, copy the next slide's item in the slide. // Do the same for the next, next item. $('.multi-item-carousel .item').each(function(){ var next = $(this).next(); if (!next.length) { next = $(this).siblings(':first'); } next.children(':first-child').clone().appendTo($(this)); if (next.next().length>0) { next.next().children(':first-child').clone().appendTo($(this)); } else { $(this).siblings(':first').children(':first-child').clone().appendTo($(this)); } });
Disclaimer: These answers/code snippets are not mine. I got it from Maurice melchers' https://codepen.io/mephysto/pen/ZYVKRY