@bebranded/bb-contents 1.0.49-beta → 1.0.51-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 +22 -6
- 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.51-beta
|
|
5
5
|
* @author BeBranded
|
|
6
6
|
* @license MIT
|
|
7
7
|
* @website https://www.bebranded.xyz
|
|
@@ -22,7 +22,7 @@
|
|
|
22
22
|
|
|
23
23
|
// Configuration
|
|
24
24
|
const config = {
|
|
25
|
-
version: '1.0.
|
|
25
|
+
version: '1.0.51-beta',
|
|
26
26
|
debug: false, // Debug désactivé
|
|
27
27
|
prefix: 'bb-', // utilisé pour générer les sélecteurs (data-bb-*)
|
|
28
28
|
youtubeEndpoint: null, // URL du worker YouTube (à définir par l'utilisateur)
|
|
@@ -358,6 +358,18 @@
|
|
|
358
358
|
|
|
359
359
|
// Vérifier que les images sont chargées
|
|
360
360
|
const images = mainBlock.querySelectorAll('img');
|
|
361
|
+
|
|
362
|
+
// Forcer le chargement des images lazy loading
|
|
363
|
+
images.forEach(img => {
|
|
364
|
+
if (img.loading === 'lazy' || img.hasAttribute('data-src')) {
|
|
365
|
+
// Forcer le chargement de l'image lazy
|
|
366
|
+
if (img.hasAttribute('data-src')) {
|
|
367
|
+
img.src = img.getAttribute('data-src');
|
|
368
|
+
}
|
|
369
|
+
img.loading = 'eager';
|
|
370
|
+
}
|
|
371
|
+
});
|
|
372
|
+
|
|
361
373
|
const imagesLoaded = Array.from(images).every(img => img.complete && img.naturalHeight > 0);
|
|
362
374
|
|
|
363
375
|
console.log(`[bb-contents] Marquee ${index + 1}: Images chargées: ${imagesLoaded} (${images.length} images)`);
|
|
@@ -397,19 +409,23 @@
|
|
|
397
409
|
// Fallback: si pas de dimensions valides mais qu'il y a du contenu, forcer l'initialisation
|
|
398
410
|
const shouldForceInit = !hasValidDimensions && hasContent && retryCount >= 3;
|
|
399
411
|
|
|
412
|
+
// Fallback pour images: forcer l'initialisation après 3 tentatives même si images pas chargées
|
|
413
|
+
const shouldForceInitImages = !imagesLoaded && hasContent && retryCount >= 3;
|
|
414
|
+
|
|
400
415
|
console.log(`[bb-contents] Marquee ${index + 1}: Vérifications:`, {
|
|
401
416
|
hasValidDimensions: hasValidDimensions,
|
|
402
417
|
hasContent: hasContent,
|
|
403
418
|
imagesLoaded: imagesLoaded,
|
|
404
419
|
retryCount: retryCount,
|
|
405
420
|
maxRetries: maxRetries,
|
|
406
|
-
shouldForceInit: shouldForceInit
|
|
421
|
+
shouldForceInit: shouldForceInit,
|
|
422
|
+
shouldForceInitImages: shouldForceInitImages
|
|
407
423
|
});
|
|
408
424
|
|
|
409
425
|
// Si pas de contenu valide ou images pas chargées, réessayer (sauf si on force)
|
|
410
|
-
if ((!hasValidDimensions || !imagesLoaded) && !shouldForceInit) {
|
|
426
|
+
if ((!hasValidDimensions || !imagesLoaded) && !shouldForceInit && !shouldForceInitImages) {
|
|
411
427
|
if (retryCount < maxRetries) {
|
|
412
|
-
const delay =
|
|
428
|
+
const delay = 50 + retryCount * 50; // Délais rapides pour header
|
|
413
429
|
console.log(`[bb-contents] Marquee ${index + 1}: RETRY dans ${delay}ms (dimensions: ${hasValidDimensions}, images: ${imagesLoaded})`);
|
|
414
430
|
// Contenu/images non prêts, nouvelle tentative
|
|
415
431
|
setTimeout(() => initAnimation(retryCount + 1), delay);
|
|
@@ -421,7 +437,7 @@
|
|
|
421
437
|
}
|
|
422
438
|
}
|
|
423
439
|
|
|
424
|
-
if (shouldForceInit) {
|
|
440
|
+
if (shouldForceInit || shouldForceInitImages) {
|
|
425
441
|
console.log(`[bb-contents] Marquee ${index + 1}: FORÇAGE DE L'INITIALISATION (fallback)`);
|
|
426
442
|
// Utiliser des dimensions par défaut si les vraies dimensions ne sont pas disponibles
|
|
427
443
|
if (isVertical && finalHeight <= 50) {
|