When I check the thumbs folder all the crop sizes I want are being created. But I have tried several browsers and several screen sizes, and no matter what, only the default is ever the one that is loaded, even when the screen is much larger or much smaller.
Some other strange things happening (possibly clues):
All crops' names are being auto-generated with the pixel dimensions and then "-blur" afterward (e.g. "...816x1136-blur.jpg"). You can see from my code only the size I call x-large has grayscale, and none have "blur" set. Even the x-large crops end with names like "...1108x1699-blur-bw.jpg".
Removing c::set('responsiveimages.defaultsource', 'medium'); altogether results in all crops being created, but none being used by the browser: it will only use the original image at all screen sizes
Not at all sure if it's related, but there seems to be an ongoing issue with Kirby's thumb functionality and its Github issue is still open (but this issue was always there, so if this responsive images plugin works normally, the Kirby issue may be unrelated).
Please let me know what I can do to get this plugin to work properly, and if others have had the same issue with the fallback taking over? Thank you so much!!!
I would like to achieve this equivalent (plain HTML version):
So I entered this into the config.php:
When I check the thumbs folder all the crop sizes I want are being created. But I have tried several browsers and several screen sizes, and no matter what, only the default is ever the one that is loaded, even when the screen is much larger or much smaller.
Some other strange things happening (possibly clues):
c::set('responsiveimages.defaultsource', 'medium');
altogether results in all crops being created, but none being used by the browser: it will only use the original image at all screen sizesPlease let me know what I can do to get this plugin to work properly, and if others have had the same issue with the fallback taking over? Thank you so much!!!