Posted by cbread on Wed, Feb 19, 2025 - 4:11pm --- Updated: Feb 19 '25 - 4:14pm

Hi, I have a views slideshow that works well. The images are large and want to serve small images to small screens. The SrcSet module looks like a good choice. The resulting slideshow is ignoring the srcset attribute.

Here is the setup.

Content called MySlideshow of custom type slideShowImages holds many images.

Use the SrcSet module to apply srcset attribute to MySlideshow images. This works.

Use the Views Slideshow module to show MySlideshow as a slideshow block. This works.

The img tags in the slideshow made from MySlideshow are missing the srcset attribute.

Image tags as seen in MySlideshow content.

img srcset="/files/styles/large/public/pic.webp 800w, /files/styles/medium/public/pic.webp 300w, /files/styles/thumbnail/public/pic.webp 100w, /files/pic.webp 950w" sizes="100vw" src="/files/pic.webp" width="950" height="355" alt="pic" title="pic"

Image tags as seen in the Views slideshow.

img src="/files/pic.webp" width="950" height="355" alt="pic" title="pic"

Does anyone know how to get the Views slideshow module to use the srcset attribute?

Accepted answer

I have a site using Views Slideshow with the Views Slideshow Cycle2 plugin.

I have srcset working with the srcSet Image module.

It could be possible that the Slideshow settings are interfering with the display of images.  

This is what I have that works

This is the proof it works:

If you are still having problems, perhaps share your view config using a code block

Comments

Thu, Feb 20, 2025 - 12:57am by yorkshirepudding

I have a site using Views Slideshow with the Views Slideshow Cycle2 plugin.

I have srcset working with the srcSet Image module.

It could be possible that the Slideshow settings are interfering with the display of images.  

This is what I have that works

This is the proof it works:

If you are still having problems, perhaps share your view config using a code block

Thu, Feb 20, 2025 - 6:15am by cbread

It was the View Setting Configure field: Field: Image Formatter. It was set to "image" instead of the "srcset Image". Somehow got it in my thinking that once it worked with the Content it would carry on through to the View automatically. 

Thank you