How to make list of divs into carousel by 4 columns in javascript or jquery

Question

Can anyone help me turn the below html codes into carousel by 4 columns? that would look something like this screenshot? hopefully in javascript or jquery?

enter image description here

<div class="carousel">
        <div class=""><img src="/images/app.png" alt=""></div>
        <div class=""><img src="/images/app.png" alt=""></div>
        <div class=""><img src="/images/app.png" alt=""></div>
        <div class=""><img src="/images/app.png" alt=""></div>
        <div class=""><img src="/images/app.png" alt=""></div>
        <div class=""><img src="/images/app.png" alt=""></div>
        <div class=""><img src="/images/app.png" alt=""></div>
        <div class=""><img src="/images/app.png" alt=""></div>
        <div class=""><img src="/images/app.png" alt=""></div>
        <div class=""><img src="/images/app.png" alt=""></div>
        <div class=""><img src="/images/app.png" alt=""></div>
        <div class=""><img src="/images/app.png" alt=""></div>
</div>

Thank you

Try this: https://codepen.io/mephysto/pen/ZYVKRY For multiple divs in carousel. — Muhammad Huzaifa, Mar 10 '21 at 07:52
Hi @MuhammadHuzaifa can I ask where to change if I want to make into 4 columns? tried changing the col-xs-4 to col-xs-3, but there are only 3 images displaying. Thank you — Procopio Manananggut, Mar 11 '21 at 03:00
Need to add another image using `append` property in javascript. like following: `next.children(':first-child').clone().appendTo($(this));` — Muhammad Huzaifa, Mar 11 '21 at 11:51

How to make list of divs into carousel by 4 columns in javascript or jquery

0 Answers0