[résolu] Faire charger toutes les images au début

HTML5, CSS3, Javascript, support des mobiles... Que penser de votre site ? Vous manquez d'informations pour la construction d'un site qui puisse s'afficher correctement partout ? C'est un problème simple, un peu complexe ? Venez ici !
dj.dom
Gecko
Messages : 88
Inscription : 22 juin 2006, 02:58

[résolu] Faire charger toutes les images au début

Message par dj.dom »

Bonjour

J'utilise "onmouseover" et "onmouseout" pour faire changer les images de mon menu lorsqu'on passe la souris dessus. Mais lorsque le visiteur ouvre cette page pour la première fois, et qu'il passe la souris sur mon menu, ça demande un petit temps de chargement pour chaque image... et c'est vraiment nul... :?

Je cherche donc un moyen pour que toutes les images se chargent dès le début, pas lorsqu'on en a besoin.

Connaissez-vous un moyen ?

Voici la page sur laquelle je travaille : http://dj.dom.free.fr/pro/musiques.htm

Message envoyé avec : Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.0; FDM)
Dernière modification par dj.dom le 04 août 2006, 17:19, modifié 2 fois.
calimo
Animal mythique
Messages : 14118
Inscription : 26 déc. 2003, 11:51

Message par calimo »

Salut,

Tout d'abord, je tiens à insister sur l'importance des textes alternatifs des images. :wink:

Ensuite, il existe des scripts permettant de précharger les images voulues. Tu dois pouvoir trouver ça ici ou là sur Internet… je crois qu'il faut simplement créer une image avec "new Image" puis attribuer un "src", et l'image sera chargée.

Code : Tout sélectionner

var img1 = new Image;
img1.src="http://monsite/chemin/vers/limage.png";
:wink:

Cela dit, je n'ai jamais vérifié par moi-même :wink:

Message envoyé avec : Mozilla/5.0 (X11; U; Linux i686; fr; rv:1.8.0.5) Gecko/20060719 Firegecko Firefox/1.5.0.5
dj.dom
Gecko
Messages : 88
Inscription : 22 juin 2006, 02:58

Message par dj.dom »

Je n'ai pas réussi à faire fonctionner le code que tu m'as donné...
Mais j'ai eu une super idée ! J'ai crée un Div de 0x0 et dedans je charge toutes les images en 0x0. Comme ça elles se chargent puisqu'elles sont sensées être affichées, mais comme tout fait 0x0 ce Div reste invisible. 8-)


Message envoyé avec : Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.0; FDM)
Humpfff
Tyrannosaurus Rex
Messages : 2451
Inscription : 05 avr. 2004, 13:23

Message par Humpfff »

A propos de préchargement voir ce qu'indique Kaze : http://www.geckozone.org/forum/viewtopi ... 843#285843
Il donne des liens pour deux méthodes, sans javascript, uniquement CSS.
HP
Tyrannosaurus Rex
Messages : 2196
Inscription : 21 oct. 2004, 10:25

Message par HP »

dj.dom a écrit :Je n'ai pas réussi à faire fonctionner le code que tu m'as donné...
Mais j'ai eu une super idée ! J'ai crée un Div de 0x0 et dedans je charge toutes les images en 0x0. Comme ça elles se chargent puisqu'elles sont sensées être affichées, mais comme tout fait 0x0 ce Div reste invisible. 8-)
invisible, invisible :roll:
et l'accessibilité ?

t'es allé voir ce que ça donne avec Lynx, par exemple ?

“La médiocrité obtiendra immanquablement la préséance en se travestissant des oripeaux de la bienséance.”
Humpfff
Tyrannosaurus Rex
Messages : 2451
Inscription : 05 avr. 2004, 13:23

Message par Humpfff »

t'es allé voir ce que ça donne avec Lynx, par exemple ?
Ou bien en désactivant les styles dans Firefox : Affichage > Style de la page > Aucun style.
Si en plus, tu désactives Javascript, le rendu se rapproche de celui de Lynx.

Message envoyé avec : Mozilla/5.0 (X11; U; Linux i686; fr; rv:1.8.0.5) Gecko/20060731 Ubuntu/dapper-security Firefox/1.5.0.5
HP
Tyrannosaurus Rex
Messages : 2196
Inscription : 21 oct. 2004, 10:25

Message par HP »

ouais, si les images on des alt vides ... elles seront "invisibles"
comme je n'utilise jamais d'images avec des alt vides, j'avais pas pensé à çà !

“La médiocrité obtiendra immanquablement la préséance en se travestissant des oripeaux de la bienséance.”
Humpfff
Tyrannosaurus Rex
Messages : 2451
Inscription : 05 avr. 2004, 13:23

Message par Humpfff »

oui c'est vrai, tu as raison, en fait. :?

Message envoyé avec : Mozilla/5.0 (X11; U; Linux i686; fr; rv:1.8.0.5) Gecko/20060731 Ubuntu/dapper-security Firefox/1.5.0.5
dj.dom
Gecko
Messages : 88
Inscription : 22 juin 2006, 02:58

Message par dj.dom »

oups, je n'avais pas donné l'adresse de la bonne page... :lol:

La voici :
http://dj.dom.free.fr/pro/musiques.htm

Pour accélérer le chargement, j'ai découpé en plusieurs images, les bords sont du png transparent, le reste du png 32 couleurs. (c'est 4 fois moins lourd comme ça)

Il y avait un probleme avec ma méthode de préchargement des images. Avec Firefox, une partie de la page était décalée... :?
J'ai donc supprimé le Div, et mis toutes les images comme ça :

Code : Tout sélectionner

<img style="width: 0px; height: 0px; position: absolute; left: 0px; top: 0px;" alt="" src="(mon image)">
Apparement ça marche parfaitement ! :D Je suis content, j'ai trouvé cette méthode tout seul. 8-)

Message envoyé avec : Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.0; FDM)
calimo
Animal mythique
Messages : 14118
Inscription : 26 déc. 2003, 11:51

Message par calimo »

Humpfff a écrit :
t'es allé voir ce que ça donne avec Lynx, par exemple ?
Ou bien en désactivant les styles dans Firefox : Affichage > Style de la page > Aucun style.
Si en plus, tu désactives Javascript, le rendu se rapproche de celui de Lynx.
Il manque quand-même la navigation au clavier :roll:
Humpfff
Tyrannosaurus Rex
Messages : 2451
Inscription : 05 avr. 2004, 13:23

Message par Humpfff »

oui, calimo, je sais bien. Je faisais l'analogie avec Lynx dans le cas particulier d'observation de l'affichage de la structure de la page de dj.dom
Je n'ai pas dit que (FF - Styles - Javascript) = (Lynx) . Par contre, dans ces conditions, ca s'en rapprochait. De loin, certes, mais un peu quand même. :wink:

Message envoyé avec : Mozilla/5.0 (X11; U; Linux i686; fr; rv:1.8.0.5) Gecko/20060731 Ubuntu/dapper-security Firefox/1.5.0.5
dj.dom
Gecko
Messages : 88
Inscription : 22 juin 2006, 02:58

Message par dj.dom »

Je n'utilise que IE et Firefox, vous pouvez l'essayer avec d'autres navigateurs que vous utilisez et me dire si ça passe ?

Lynx c'est le navigateur des OS basés sur Unix, non ? Faites-moi un screenshot svp que je vois si c'est si désastreux que ça...

Une grosse partie de ma mise en page est basée sur les feuilles de style, donc si on les désactive ça devient n'importe quoi... ( Ouhla, je viens d'essayer en désactivant les styles dans FireFox, c'est encore pire que ce que j'imaginais... )

Message envoyé avec : Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.0; FDM)
Dernière modification par dj.dom le 04 août 2006, 16:30, modifié 2 fois.
teoli2003
Animal mythique
Messages : 7580
Inscription : 13 nov. 2005, 09:23

Message par teoli2003 »

dj.dom a écrit :Lynx c'est le navigateur des OS basés sur Unix, non ?
Pas seulement, c'est un navigateur textuel. Il existe pour PC, Mac, etc.
Tu peux l'installer depuis là: http://lynx.browser.org/
La liberté n'est jamais accordée de bon gré par l'oppresseur; elle doit être exigée par l'opprimé (Martin Luther King).
Les convictions sont des ennemis de la vérité plus dangereux que les mensonges. (Nietzsche).
Native Mozillian.
dj.dom
Gecko
Messages : 88
Inscription : 22 juin 2006, 02:58

Message par dj.dom »

Ah oui, je ne savais pas que c'était aussi pour Windows. Mais je n'aime pas installer des trucs sur mon pc juste pour essayer, c'est source de probleme et je tiens à sa stabilité... :) Donc j'aimerai que vous essayez avec les navigateurs que vous avez.

Une petite question que je me pose, c'est quoi l'interet d'un navigateur textuel ?
Y'a t-il beaucoup de monde qui désactive les styles ou qui utilise un navigateur textuel ?

Bon, j'ai mis un texte pour avertir "Pour voir ce site correctement, vous devez utiliser Internet Explorer ou FireFox, et activer les styles." qui n'apparait que lorsque les styles sont désactivés. (Car si les styles sont activés, sa taille est de zéro) Est-ce qu'il apparait aussi avec Lynx et les autres navigateurs qui n'afficheront pas correctement la page ?




Message envoyé avec : Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.0; FDM)
Dernière modification par dj.dom le 04 août 2006, 16:53, modifié 1 fois.
HP
Tyrannosaurus Rex
Messages : 2196
Inscription : 21 oct. 2004, 10:25

Message par HP »

dj.dom a écrit :Je n'aime pas installer des trucs sur mon pc juste pour essayer, c'est source de probleme et je tiens à sa stabilité... :) Donc j'aimerai que vous essayez avec les navigateurs que vous avez.
Comme Lynx n'est pas obligé d'être installé* ... et bien on ne fera pas le boulot à ta place !
comme c'est dommage ...


[*] Chez moi, j'ai Lynx sur clef USB[/size]

“La médiocrité obtiendra immanquablement la préséance en se travestissant des oripeaux de la bienséance.”
Répondre

Qui est en ligne ?

Utilisateurs parcourant ce forum : Aucun utilisateur inscrit et 11 invités