11550 sujets

JavaScript, DOM et API Web HTML5

Bonjour j'utilise Jquery et j'aimerais savoir si il est possible de faire un preloader ( comme sous flash un truc qui dit loading jusqu'a ce que l'intégralité du site soit chargé ) pour éviter de voir apparaitre les images d'un seul coup ou de voir des troues sans images sur le site ...


Merci d'avance ....
Salut,

C'est probablement possible de faire un truc du genre, mais c'est sans intérêt et rebutant pour tes visiteurs !

Afficher un loader sous le nez d'un nouvel arrivant, ne serait-ce que quelques secondes, c'est le priver d'accès aux informations pendant ce temps-là, et donc l'empêcher d'identifier le contenu du site.

Un site en flash peut se permettre un tel chargement parce que d'une part le contenu multimédia justifie (parfois) cette attente, et d'autre part parce que la technologie permet de renseigner le visiteur sur l'état du chargement (% restants et consorts) ... (Remarque, ça ne dispense pas d'identifier clairement le site dès la page de chargement)

Pour peu qu'il y ait quelques images dans la page, ça peut vite prendre quelques secondes, même avec une connexion haut-débit ... chacune de ces seconde faisant fuir une partie des curieux.

Une meilleure approche serait "comment faire en sorte que le chargement progressif des images ne perturbe pas le rendu de ma page ?", et là il y a des réponses satisfaisantes :
- indiquer les dimensions des images présentes dans le code HTML afin d'éviter qu'elles ne déplace le texte et ne gênent la lecture quand elles apparaissent ;
- indiquer un texte alternatif aux images, qui occupera les carrés vides dimensionnés au point précédent, et permettra à l'utilisateur de comprendre qu'une image arrive (ou ce qu'elle devait représenter, si jamais elle n'arrivait pas) ;
- pour les images d'arrière-plan, définir une couleur de fond appropriée permettant la lecture du texte même si l'image n'est pas encore chargée.
Merci mais cela ne répond pas à la question .... mais je note on avis ...


Sinon j'ai remarqué que dans chaque browser quand la page est complètement chargée il y a écrit dans la barre d'état ( celle qui es en bas ) : TERMINE

Est il possible en JavaScript ou autres de récupérer cette données pour faire par exemple :

j'affiche un gif animé en 1er plan jusqu'a ce que la donnée du browser soit à TERMINE .