Faire un loader pour le chargement complet de mon site

Salut salut !

Alors voilà, je vais vous demandez de l'aide concernant le chargement de mon portfolio : http://simonrevenu.com/

En effet, quand des utilisateurs se connecte à mon site, ils peuvent, dès la première seconde, commencer à naviguer sans que tout soit correctement chargé.

C'est pourquoi je viens ici vous demander de l'aide pour réaliser une espèce de page de chargement (une sorte de loader) pour que les utilisateurs puissent commencer à naviguer SEULEMENT quand tout est bien chargé !

J'ai la fibre chez moi, donc pas de soucis de mon côté, mais les gens en 50k, c'est une autre histoire !

J'espère que vous pourrez me prêter main forte !

Merci a vous !

pas nécessaire de faire un loader

tu fais un div au premier plan avec fond opaque qui couvre toute la page et qui contient un message "Chargement en cours"
lorsque tout est chargé par le navigateur tu supprime le div ce qui est derrière apparaît
et c'est tout
A+JYT

Bonjour,
cela reste à mes yeux une méthode peu "conviviale" et voire même prétexte à quitter prématurément la page.

Tu as également la solution de n'affecter les liens/actions qu'une fois la page chargée.

Nota : pour moi rien ne se passe sur ta page, je parle de la navigation !?!

Citation:

---

Envoyé par sekaijin

pas nécessaire de faire un loader

tu fais un div au premier plan avec fond opaque qui couvre toute la page et qui contient un message "Chargement en cours"
lorsque tout est chargé par le navigateur tu supprime le div ce qui est derrière apparaît
et c'est tout
A+JYT

---

Ou alors avec une image animée, des points qui tournent en rond, c'est très tendance et facilement compris par les utilisateurs de W8 et W10. :ptdr:

Oui une sorte de point qui défile style W8 j'aimerais beaucoup !

Sinon c'est bizarre que toi NoSmoking tu n'es pas de navigation !
Utilise les flèches de ton clavier, mais normalement la molette fonctionne.

Donc pour vous la meilleur technique est de faire une div donc ?

Mais comment savoir si la page est chargé ou pas ?

Citation:

---

Sinon c'est bizarre que toi NoSmoking tu n'es pas de navigation !
Utilise les flèches de ton clavier, mais normalement la molette fonctionne.

---

:oops: pas compris l'ergonomie, attendu que tu as des "liens" qui s'excitent au survol et que en absence de scrollBar on n'a pas d'indication de suite à la fenêtre.

C'est un site OnePage donc cest pour cela que je n'ai pas mis de scroolbar !

Ce qu'on dit c'est qu'en terme d’ergonomie lors on arrive sur une page sans scrollbar il n'y a aucune raison de chercher à utiliser les flèches ou la molette
vu que l'interface suggère que tout est déjà affiché.
Quand en plus la dite page affiche des liens clairement identifié on a une "confirmation" que la suite se trouve derrière les liens. ce qui fait qu'à priori on utilisera pas les flèche ni la molette.

Perso je n'utilise jamais les flèches. et je scrolle que si je vois un ascenseur. donc sur ton site je ne vois rien d'autre que l'écran de présentation et les liens.

J'ai la même réaction avec des sites qui affiche trois à quatre photos côte à côte sans aucune indications. pour mois ce sont des photos et je ne vais pas spontanément essayer sur tous les sites que je visite des faire glisser les photos. si une indication m'est données pour me suggérer qu'il y en a d'autre je comprends qu'il s'agit d'un carrousel et là je les fais défiler.

Citation:

---

Envoyé par Naografix

C'est un site OnePage donc c'est pour cela que je n'ai pas mis de scroolbar !

---

je ne vois pas pourquoi un site OnePage n'aurait pas de scrollbar. au contraire même le conçois très facilement un site multipages ou chaque page fait exactement la taille de la fenêtre et n'as pas de scrollbar, alors qu'un site onepage doit lui indiquer la méthode à utiliser pour avoir le reste. Si cette méthode est le scroll alors l'ascenseur est le meilleur indicateur.

A+JYT

@sekaijin : c'est un bon résumé.