How to create a Swiper where the slides are based on a repeat?

Hi,

I’m looking to create a swiper where the number of images and the src for each image is based on a loop through an array.

• The array would look like: [‘assets/1.jpg’, 'assets/2.jpg, ‘assets/3.jpg’]
• I would want a swiper with 3 images, corresponding to the 3 in the array

How would I do that? I just wrote this to try it out (just repeating the same image 3 times)

        <div is="dmx-swiper" id="swiper3">
            <div dmx-repeat:repeat3="3">
                <div class="swiper-slide"><img src="assets/img/food-4.jpg" width="100%"></div>
            </div>
        </div>

But this is what I get instead. 3 photos side by side instead of a swiper.