@bebranded/bb-contents 1.0.78-beta → 1.0.80-beta
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/bb-contents.js +29 -7
- package/package.json +1 -1
package/bb-contents.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* BeBranded Contents
|
|
3
3
|
* Contenus additionnels français pour Webflow
|
|
4
|
-
* @version 1.0.
|
|
4
|
+
* @version 1.0.80-beta
|
|
5
5
|
* @author BeBranded
|
|
6
6
|
* @license MIT
|
|
7
7
|
* @website https://www.bebranded.xyz
|
|
@@ -41,7 +41,7 @@
|
|
|
41
41
|
|
|
42
42
|
// Configuration
|
|
43
43
|
const config = {
|
|
44
|
-
version: '1.0.
|
|
44
|
+
version: '1.0.80-beta',
|
|
45
45
|
debug: true, // Debug activé pour diagnostic
|
|
46
46
|
prefix: 'bb-', // utilisé pour générer les sélecteurs (data-bb-*)
|
|
47
47
|
youtubeEndpoint: null, // URL du worker YouTube (à définir par l'utilisateur)
|
|
@@ -408,26 +408,39 @@
|
|
|
408
408
|
imagesLoaded++;
|
|
409
409
|
console.log(`🖼️ [MARQUEE] Safari - Image ${imagesLoaded}/${totalImages} chargée`);
|
|
410
410
|
};
|
|
411
|
+
img.onerror = () => {
|
|
412
|
+
imagesLoaded++;
|
|
413
|
+
console.log(`❌ [MARQUEE] Safari - Image ${imagesLoaded}/${totalImages} erreur de chargement`);
|
|
414
|
+
};
|
|
411
415
|
});
|
|
412
416
|
|
|
413
|
-
//
|
|
414
|
-
let waitTimeout = 0;
|
|
415
|
-
const maxWaitTime = 3000; // 3 secondes max sur mobile
|
|
417
|
+
// SOLUTION SAFARI MOBILE SIMPLE : Attendre plus longtemps
|
|
416
418
|
const isMobile = /iPhone|iPad|iPod|Android/i.test(navigator.userAgent);
|
|
417
|
-
|
|
418
419
|
console.log(`🔍 [MARQUEE] Safari - Mobile détecté: ${isMobile}`);
|
|
419
420
|
|
|
421
|
+
// Timeout plus long sur mobile pour laisser le temps aux images de se charger
|
|
422
|
+
const maxWaitTime = isMobile ? 5000 : 3000; // 5 secondes sur mobile
|
|
423
|
+
let waitTimeout = 0;
|
|
424
|
+
|
|
420
425
|
const waitForImages = () => {
|
|
421
426
|
waitTimeout += 100;
|
|
422
427
|
|
|
423
428
|
if (imagesLoaded >= totalImages || imagesLoaded === 0 || waitTimeout >= maxWaitTime) {
|
|
424
429
|
console.log(`✅ [MARQUEE] Safari - Images chargées: ${imagesLoaded}/${totalImages} (timeout: ${waitTimeout}ms)`);
|
|
425
|
-
|
|
430
|
+
|
|
431
|
+
// Attendre plus longtemps sur mobile pour le rendu visuel
|
|
432
|
+
const renderDelay = isMobile ? 1000 : 200;
|
|
433
|
+
setTimeout(() => {
|
|
434
|
+
console.log(`🖼️ [MARQUEE] Safari - Attente rendu visuel des images...`);
|
|
435
|
+
startSafariAnimation();
|
|
436
|
+
}, renderDelay);
|
|
426
437
|
} else {
|
|
427
438
|
setTimeout(waitForImages, 100);
|
|
428
439
|
}
|
|
429
440
|
};
|
|
430
441
|
|
|
442
|
+
waitForImages();
|
|
443
|
+
|
|
431
444
|
const startSafariAnimation = () => {
|
|
432
445
|
// Forcer le chargement des images restantes si timeout
|
|
433
446
|
if (waitTimeout >= maxWaitTime && imagesLoaded < totalImages) {
|
|
@@ -440,6 +453,15 @@
|
|
|
440
453
|
});
|
|
441
454
|
}
|
|
442
455
|
|
|
456
|
+
// Vérifier que les images ont une taille visible
|
|
457
|
+
let imagesWithSize = 0;
|
|
458
|
+
images.forEach(img => {
|
|
459
|
+
if (img.offsetWidth > 0 && img.offsetHeight > 0) {
|
|
460
|
+
imagesWithSize++;
|
|
461
|
+
}
|
|
462
|
+
});
|
|
463
|
+
console.log(`🖼️ [MARQUEE] Safari - Images avec taille visible: ${imagesWithSize}/${totalImages}`);
|
|
464
|
+
|
|
443
465
|
// Recalculer la taille après chargement des images
|
|
444
466
|
const newContentSize = isVertical ? mainBlock.offsetHeight : mainBlock.offsetWidth;
|
|
445
467
|
console.log(`🔍 [MARQUEE] Safari - Nouvelle taille après images: ${newContentSize}px`);
|