As you can see, I'm loading images from different folders in different sizes depending on the device resolution.
Unfortunately, some of the images are being pulled from the wrong folder.
What am I doing wrong here?
Thank you in advance for your help.
We need some more information.
They're being pulled from the wrong folder when?
Like, it always pulls one size too large?
What's the pattern?
And specifically show how you're calling them. Can you also show the panel on the right side of Wappler and the options there?
Sorry for the late reply, I've been busy and can only now get back to the website.
I want to dynamically load images in the format appropriate for the device.
As a single banner and later added as a swiper.
The different sizes should be selected via Srcset.
But that's not working.
<img width="100%" dmx-lazyload-dynamic="" dmx-bind:data-srcset="{{'/assets/test/'+swipertest.value+'-xs.jpg'}} 360w,{{'/assets/test/'+swipertest.value+'-sm.jpg'}} 500w,{{'/assets/test/'+swipertest.value+'-md.jpg'}} 700w,{{'/assets/test/'+swipertest.value+'-lg.jpg'}} 1000w,{{'/assets/test/'+swipertest.value+'-xl.jpg'}} 1200w,{{'/assets/test/'+swipertest.value+'-xxl.jpg'}} 1400w,{{'/assets/test/'+swipertest.value+'-full.jpg'}} 1800w" data-sizes="auto" dmx-bind:data-src="'/assets/test/srcset-test-full.jpg'">
What am I doing wrong?