Is this the plugin you’re using?
https://wordpress.org/plugins/wowslider/
If so, could you tell me more about your slider settings, so I can try to reproduce the issue, and look at the Woo Slider code to find out more about the problem?
Thanks!
Thread Starter
xsit3d
(@xsit3d)
I believe so. It’s part of a theme I purchased.
Fastsell
Slider settings are left at the default.
HTML of one of the slides with Photon disabled
<div id="post-298" class="customtypewowslider fullwidth flexslider clearfix"><ul class="slides"><li style="height:;"><img width="3307" height="1775" src="http://www.kevincoxphoto.com/wp-content/uploads/2016/05/Spiderman-header.jpg" class="thumb" alt="Spiderman header" srcset="http://www.kevincoxphoto.com/wp-content/uploads/2016/05/Spiderman-header.jpg 3307w, http://www.kevincoxphoto.com/wp-content/uploads/2016/05/Spiderman-header-225x121.jpg 225w, http://www.kevincoxphoto.com/wp-content/uploads/2016/05/Spiderman-header-460x247.jpg 460w, http://www.kevincoxphoto.com/wp-content/uploads/2016/05/Spiderman-header-1024x550.jpg 1024w" sizes="(max-width: 3307px) 100vw, 3307px" /><div class="row"><div class="flex-caption" style="top:;">
<h3 class="slidertitle wow bounceIn" data-wow-duration="2s" data-wow-delay="1s"><span style="color:;"></span></h3>
<h4 class="sliderdescription wow zoomIn" data-wow-duration="2s" data-wow-delay="1s"><span style="color:;"></span></h4>
<span class="freearea" style="color:;"></span>
</div></div>
HTML of one of the slides with Photon enabled
<div id="post-298" class="customtypewowslider fullwidth flexslider clearfix"><ul class="slides"><li style="height:;"><img width="3307" height="1775" src="http://www.kevincoxphoto.com/wp-content/uploads/2016/05/Spiderman-header.jpg" class="thumb" alt="Spiderman header" srcset="http://i0.wp.com/www.kevincoxphoto.com/wp-content/uploads/2016/05/Spiderman-header.jpg?w=3307 3307w, http://i0.wp.com/www.kevincoxphoto.com/wp-content/uploads/2016/05/Spiderman-header.jpg?resize=225%2C121 225w, http://i0.wp.com/www.kevincoxphoto.com/wp-content/uploads/2016/05/Spiderman-header.jpg?resize=460%2C247 460w, http://i0.wp.com/www.kevincoxphoto.com/wp-content/uploads/2016/05/Spiderman-header.jpg?resize=1024%2C550 1024w, http://i0.wp.com/www.kevincoxphoto.com/wp-content/uploads/2016/05/Spiderman-header.jpg?w=1440 1440w, http://i0.wp.com/www.kevincoxphoto.com/wp-content/uploads/2016/05/Spiderman-header.jpg?w=2160 2160w" sizes="(max-width: 720px) 100vw, 720px" /><div class="row"><div class="flex-caption" style="top:;">
<h3 class="slidertitle wow bounceIn" data-wow-duration="2s" data-wow-delay="1s"><span style="color:;"></span></h3>
<h4 class="sliderdescription wow zoomIn" data-wow-duration="2s" data-wow-delay="1s"><span style="color:;"></span></h4>
<span class="freearea" style="color:;"></span>
</div></div>
The cache is awesome but needs the resize removed from the slides
http://i0.wp.com/www.kevincoxphoto.com/wp-content/uploads/2016/05/Spiderman-header.jpg?resize=1024%2C550
Thanks for your time
Thread Starter
xsit3d
(@xsit3d)
I will have a look into the code myself and try to figure out which part of the slider photon butchers. I am lost after the img tag. Not sure how the hell it ends up with the resize link in the end.
Thread Starter
xsit3d
(@xsit3d)
I checked it out and although the menu says Wow Sliders, the plugin is in fact Woo themes slider https://www.woothemes.com/flexslider/
The code that breaks this all is the max-width. Photon changes it smaller.
sizes="(max-width: 720px) 100vw, 720px" />
Instead of
sizes="(max-width: 3307px) 100vw, 3307px" />
The srcset looks good for a responsive browser experience but I don’t think it’s working as it’s meant to. Can someone check this?
Thread Starter
xsit3d
(@xsit3d)
That’s a day I wont get back. Thanks for coming! Resolved Finally!
I’m seeing the same issue with a header image with a max width of 1920px. Worked fine in the previous version of JetPack, ‘sizes=”(max-width: 1920px) 100vw, 1920px”‘, but the current version is setting ‘sizes=”(max-width: 584px) 100vw, 584px”‘.
@xsit3d Sorry for the late reply, I was away for a few days. It looks like you found the culprit. That’s an issue we’ll fix in Jetpack 4.1, scheduled to be released next week. If you’d like, you can install Jetpack Beta to test the patch, or you could apply the patch directly:
https://github.com/Automattic/jetpack/pull/4226
@billsmithem Could you give that a try as well? That should solve your issue.
