scaleflex / js-cloudimage-responsive

Cloudimage Responsive will smartly resize, compress and accelerate images across the World in your site for all devices. The plugin supports lazy loading technique with fancy animation on image load. Any questions or issues, please report to https://github.com/scaleflex/js-cloudimage-responsive/issues
Other
68 stars 15 forks source link

activating this plugin absolutely breaks my whole design #35

Open beuzathor opened 1 year ago

beuzathor commented 1 year ago

Hi, i tried to use this plugin on my website. I setup it with cdn and tried to use it on one single image. When i do it a wrapper appear and bring totaly the image position. So i tried to activate the plugin on all image on one page for to see the result. And out of about 15 images only one is displayed correctly. The others break all the css.

For exemple on this simple footer i have that With this css/html

footerok

PAIEMENT SÉCURISÉ GARANTI

.footer .bottom .payment { display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 10px .footer .bottom .payment .payment_logo img { padding: 5px 10px; height: 50px; width: 100px; } But if i use "ci-src" on the first image i have that

footernotok

I tried to set width and height directly in the img attribute but i can't keep my layout when images are returned.