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

dj.dom · Message par **dj.dom** » 30 juil. 2006, 02:49

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)

calimo · Message par **calimo** » 30 juil. 2006, 10:43

Salut,

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

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";

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

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 · Message par **dj.dom** » 03 août 2006, 02:10

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.

Message envoyé avec : Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.0; FDM)

Humpfff · Message par **Humpfff** » 03 août 2006, 08:04

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 · Message par HP » 03 août 2006, 08:15

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.

invisible, invisible

et l'accessibilité ?

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

Humpfff · Message par **Humpfff** » 03 août 2006, 09:07

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 · Message par HP » 03 août 2006, 09:26

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é à çà !

Humpfff · Message par **Humpfff** » 03 août 2006, 09:34

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 · Message par **dj.dom** » 03 août 2006, 14:59

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

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 !

Je suis content, j'ai trouvé cette méthode tout seul.

Message envoyé avec : Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.0; FDM)

calimo · Message par **calimo** » 04 août 2006, 11:21

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

Humpfff · Message par **Humpfff** » 04 août 2006, 11:57

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.

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 · Message par **dj.dom** » 04 août 2006, 16:22

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)

Message par **teoli2003** » 04 août 2006, 16:24

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/

dj.dom · Message par **dj.dom** » 04 août 2006, 16:50

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)

HP · Message par HP » 04 août 2006, 16:52

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]

Geckozone

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

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

Qui est en ligne