@bebranded/bb-contents 1.0.95 → 1.0.97

package/bb-contents.js

@@ -389,57 +389,24 @@
                 const isMobile = /iPhone|iPad|iPod|Android/i.test(navigator.userAgent) || 
                                  (window.innerWidth <= 768 && /Chrome|CriOS/i.test(navigator.userAgent));
                 
-                // OPTIMISATION: Charger les images en respectant le CSS Webflow
+                // SOLUTION MOBILE : Laisser les images tranquilles, le CSS Webflow gère mieux
                 images.forEach(img => {
-                    // Préserver les styles CSS existants AVANT toute modification
-                    const computedStyle = getComputedStyle(img);
-                    const originalObjectFit = img.style.objectFit || computedStyle.objectFit;
-                    const originalObjectPosition = img.style.objectPosition || computedStyle.objectPosition;
-                    const originalWidth = computedStyle.width;
-                    const originalHeight = computedStyle.height;
-                    
-                    // OPTIMISATION MOBILE : Améliorer le rendu des images sur mobile
-                    if (isMobile) {
-                        // Forcer le rendu haute qualité sur mobile
-                        img.style.imageRendering = 'auto';
-                        img.style.backfaceVisibility = 'hidden';
-                        img.style.webkitBackfaceVisibility = 'hidden';
-                        img.style.transform = 'translateZ(0)';
-                        img.style.webkitTransform = 'translateZ(0)';
-                    }
-                    
-                    // Charger l'image si nécessaire
+                    // Charger l'image si nécessaire, mais ne pas toucher aux styles CSS
+                    // Le CSS de Webflow est optimisé et on ne veut pas interférer
                     if (img.complete && img.naturalWidth > 0) {
-                        // Image déjà chargée, ne rien toucher
+                        // Image déjà chargée
                         imagesLoaded++;
                     } else {
                         if (img.dataset.src && !img.src) {
                             img.src = img.dataset.src;
                         }
                         
-                        // OPTIMISATION MOBILE : Utiliser lazy loading natif au lieu de eager sur mobile
-                        if (!img.loading) {
-                            img.loading = isMobile ? 'lazy' : 'eager';
+                        // Utiliser eager sur mobile pour éviter le flou de lazy loading
+                        if (!img.loading && isMobile) {
+                            img.loading = 'eager';
                         }
                         
                         img.onload = () => {
-                            // OPTIMISATION: Restaurer les styles CSS après chargement
-                            if (originalObjectFit && originalObjectFit !== 'none') {
-                                img.style.objectFit = originalObjectFit;
-                            }
-                            if (originalObjectPosition && originalObjectPosition !== 'initial') {
-                                img.style.objectPosition = originalObjectPosition;
-                            }
-                            
-                            // OPTIMISATION MOBILE : Respecter les dimensions CSS de Webflow
-                            // Ne PAS forcer auto si les dimensions CSS sont définies dans Webflow
-                            // Le CSS de Webflow prend toujours le dessus
-                            
-                            // Forcer le recalcul pour mobile (important pour le rendu)
-                            if (isMobile) {
-                                img.offsetHeight; // Force reflow pour meilleur rendu
-                            }
-                            
                             imagesLoaded++;
                         };
                         img.onerror = () => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bebranded/bb-contents",
-  "version": "1.0.95",
+  "version": "1.0.97",
   "description": "Contenus additionnels français pour Webflow",
   "main": "bb-contents.js",
   "scripts": {