Discussion :

[mewax]

Bonjours � tous,

Comme je suis nouveau sur le forum, j'�sp�re que mon post se trouve au bon endroit et que je n'importune personne en le postant ici...

Donc j'ai un petit probl�me, non bloquant c'est vrai mais qui peut tout de m�me �tre assez g�nant pour l'utilisateur, c'est pourquoi j'essai d'y trouver une solution et qui sait, peut-�tre la trouverai-je ici sur ce forum qui est il faut bien le dire, super int�ressant et utile.

Ma question est la suivant :

Comment faire lorsque l'on � de grosses images de fond (mise en background dans le css sur la balise body) afin de mettre une sorte de loader (avec une barre de chargement ou simplement un texte des pourcentages) avant que le reste du site ne soi affich�. En gros, j'aimerais que le site ne s'affiche qu'apr�s que mes grosses images de background ne soient totalement charg� et que ce chargement soit affich� sous la forme d'une indication pour l'utilisateur genre une barre de chargement ou autre...

Je pense que cela doit �tre possible en javascript mais je n'ai pas de solution et je me disais que peut-�tre certaines personnes ici avaient peut-�tre une id�e.

Je lance donc un petit appel au secours (ou du moins � l'aide ).

Merci d'avance � tout le monde

Bybye

[E.Bzz]

Bonjour,
Pas un sp�cialiste du truc, mais j'ai appris ici que le onLoad fonctionne sur <img>.
Ce que tu peux faire, c'est charger d'abord tes image en <img> (masqu�es), et non en background.
Une fois chacune charg�e (d�tect� via onLoad, donc), tu incr�mentes un compteur jusqu'au nb d'images attendu. Quand le compteur est au max, tu les affectes au background en CSS, via JS, puis tu "d�masques" le contenu de ta page.
Le compteur est n�cessaire si tu as plusieurs images, car il n'est pas possible de pr�voir dans quel ordre elles seront charg�es, et donc quelle sera la derni�re qui d�clencherait le script.
Attention : juste une id�e comme �a, jamais test�e : j'ai pas tellement d'images dans mes pages

A+

[mewax]

Hello,

Tout d'abord merci pour ta r�ponse rapide et qui m'a l'air assez r�aliste. Je n'y avais jamais pens�
J'aurais juste une petite question sur ta solution, comment d�finir une image qui se trouve d�j� dans la page et d�ja charg� comme background css d'un �l�ment via JS ?

Merci encore

[E.Bzz]

J'aurais juste une petite question sur ta solution, comment d�finir une image qui se trouve d�j� dans la page et d�ja charg� comme background css d'un �l�ment via JS ?

Soi je comprends pas ce que tu veux dire, soi c'est le contraire de ta phrase
Justement, elle est pas d�j� charg�e en background.
Sur le dernier onload (suite compteur atteint et patati patata) :

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

document.getElementById('ton_div_ou_autre').style.backgroundImage = 'une_url_que_tu_avais_chargé_dans_un_img.gif';

Comme elle est d�j� en cache, l'affichage du background devrait �tre instantan� ...

A+

[mewax]

Soi je comprends pas ce que tu veux dire, soi c'est le contraire de ta phrase
Justement, elle est pas d�j� charg�e en background.
Sur le dernier onload (suite compteur atteint et patati patata) :

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

document.getElementById('ton_div_ou_autre').style.backgroundImage = 'une_url_que_tu_avais_chargé_dans_un_img.gif';

Comme elle est d�j� en cache, l'affichage du background devrait �tre instantan� ...

A+

Merci cela r�pond parfaitement � ma question

Reste � tester tout cela. Je tien au courant de mes r�sultats

Merci encore