srcset
-
-
- boyer
- Newbie
- Posts: 1
- Thanks: 0
-
RT_Galatea 1.2.1
Gantry 5.4.16
Joomla 3.7.5
Hello, I would like to know if it is possible to add the "srcset" attribute in an owlcarousel particle to avoid image resizing.
The current code is:
<div class="g-owlcarousel-item-img">
<img src="{{ url(item.image)|e }}" alt="{{ item.linktext|e }}">
</div>
And I would like to add a code like this:
<img src="small.jpg" alt="{{ item.linktext|e }}"
srcset="large.jpg 1920w,
medium.jpg 1080w,
small.jpg 750w"
sizes="(min-width: 36em) 33.3vw,
100vw">
While knowing that there are three different items in the particle so three different images.
-
-
-
- Damir
- Preeminent Rocketeer
- Posts: 22450
- Thanks: 2679
- Web Developer
-
You need to override the Particle and add your code in.
docs.gantry.org/gantry5/tutorials/overri...article-source-files - Available for CUSTOM WORK with Joomla, WordPress and Grav Templates and Gantry Framework!
-
Time to create page: 0.052 seconds