2019.07 update - all images not loading
Forum rules
Always add your Aimeos and PHP version as well as your environment (Linux/Mac/Win)
Spam and unrelated posts will be removed immediately!
Always add your Aimeos and PHP version as well as your environment (Linux/Mac/Win)
Spam and unrelated posts will be removed immediately!
2019.07 update - all images not loading
Aimeos 2019.07
Laravel 5.8
PHP 7.1.3
Ever since the 2019 update where lazy loading was introduced, I have images that don't load. It's not all images and it's not the same images that don't load every time. I can refresh the page several times and it's usually different images that don't get past the loading icon on Chrome. Using IE, all the images load, but the loading icon doesn't get hidden on all of them. IE has no errors in the dev console, but chrome has this warning:
Any ideas?
Laravel 5.8
PHP 7.1.3
Ever since the 2019 update where lazy loading was introduced, I have images that don't load. It's not all images and it's not the same images that don't load every time. I can refresh the page several times and it's usually different images that don't get past the loading icon on Chrome. Using IE, all the images load, but the loading icon doesn't get hidden on all of them. IE has no errors in the dev console, but chrome has this warning:
I've run composer update and everything is up to date.[Intervention] An <img> element was lazyloaded with loading=lazy, but had no dimensions specified. Specifying dimensions improves performance. See https://crbug.com/954323
Any ideas?
Aimeos version: ~2018.10, PHP version: 7.2, Laravel version: 5.8
Re: 2019.07 update - all images not loading
We've tried a new image attribute that Google Chrome is supporting (loading="lazy") but that seems to be buggy. We've removed that and image loading seems to work correctly now:
https://github.com/aimeos/ai-client-htm ... 11b5e7805c
Regarding the background image shining through: Do you use transparent product images?
The background images are applied via CSS and in 2019.04 and before, they have been replaced by by the product images on load. Now, because of responsive image support, product images aren't background images any more and put above the area that contains the background image.
https://github.com/aimeos/ai-client-htm ... 11b5e7805c
Regarding the background image shining through: Do you use transparent product images?
The background images are applied via CSS and in 2019.04 and before, they have been replaced by by the product images on load. Now, because of responsive image support, product images aren't background images any more and put above the area that contains the background image.
Professional support and custom implementation are available at Aimeos.com
If you like Aimeos, give us a star
If you like Aimeos, give us a star
Re: 2019.07 update - all images not loading
Ok, thanks. Removing the lazyload fixed the images.
Yes, some of the images have transparent backgrounds, didnt think of that
Yes, some of the images have transparent backgrounds, didnt think of that
Aimeos version: ~2018.10, PHP version: 7.2, Laravel version: 5.8
Re: 2019.07 update - all images not loading
We've optimized for transparent images and the background/progress image won't shine through now:
https://github.com/aimeos/ai-client-htm ... 65e78598c9
The CSS will be part of the next release.
https://github.com/aimeos/ai-client-htm ... 65e78598c9
The CSS will be part of the next release.
Professional support and custom implementation are available at Aimeos.com
If you like Aimeos, give us a star
If you like Aimeos, give us a star