[résolu] Faire charger toutes les images au début
[résolu] Faire charger toutes les images au début
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)
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.
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.
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
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
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)
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)
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.
Il donne des liens pour deux méthodes, sans javascript, uniquement CSS.
invisible, invisibledj.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.
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.”
Ou bien en désactivant les styles dans Firefox : Affichage > Style de la page > Aucun style.t'es allé voir ce que ça donne avec Lynx, par exemple ?
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
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 :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)
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)">
Message envoyé avec : Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.0; FDM)
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
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
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)
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.
Pas seulement, c'est un navigateur textuel. Il existe pour PC, Mac, etc.dj.dom a écrit :Lynx c'est le navigateur des OS basés sur Unix, non ?
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.
Les convictions sont des ennemis de la vérité plus dangereux que les mensonges. (Nietzsche).
Native Mozillian.
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)
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.
Comme Lynx n'est pas obligé d'être installé* ... et bien on ne fera pas le boulot à ta place !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 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.”
Qui est en ligne ?
Utilisateurs parcourant ce forum : Aucun utilisateur inscrit et 17 invités