Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
1141 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Optimisation d'images

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

Optimisation d'images

n°1389853
lyneus
Posté le 18-06-2006 à 10:23:37  profilanswer
 

Comment pourrais-je savoir si ce code fonctionne bien pour optimiser mes images ?
 
 
Code :
<script language="JavaScript1.1">
image01= new Image(xx,yy)
image01.src="1.gif"
image02= new Image(xx,yy)
image02.src="2.gif"
</script>
 
 
PS: je l'ais trouvé ici


Message édité par lyneus le 18-06-2006 à 10:28:26
mood
Publicité
Posté le 18-06-2006 à 10:23:37  profilanswer
 

n°1389869
nargy
Posté le 18-06-2006 à 11:04:09  profilanswer
 

Ça s'appelle du préchargement... tout ce que ça fait c'est que ça charge les images indiquées avant d'afficher la page.
 
À toi de voir si tu en as l'utilité, sachant que ça ralentit l'affichage total de la page, mais que c'est plus joli. Tu as donc un compromis à faire.
 
J'ai remarqué que le post-chargement était utile pour les icônes des sites, notamment lorsque l'icône de la page ne correspond pas à celle globale du site, et ça améliore la gestion du cache des icônes côté navigateur.


Message édité par nargy le 18-06-2006 à 11:04:44
n°1389926
lyneus
Posté le 18-06-2006 à 13:04:44  profilanswer
 

ok, mais comment savoir si le script que j'ai mis au dessus fonctionne bien, pour précharger les images ??

n°1389928
nargy
Posté le 18-06-2006 à 13:08:10  profilanswer
 

ben........... ralentit ta bande passante, en faisant 10 gros downloads, et tu verra si ça attends le chargement complet des images avant affichage ou pas.

n°1389955
The-Shadow
Développeur
T'as été voir dans ton profil?
Posté le 18-06-2006 à 14:07:19  profilanswer
 

Pour tester, tu fais un gros rollover sur ton site et tu mets des images de 25Mo pour ton roll over.
Ensuite, tu attends que ton navigateur attende ait bien tout fini de charger (dans la barre d'état) et tu regardes si au moment où tu passes par dessus ton rollover il relance un téléchargement ou si il t'affiche directement ton image cencé être préchargée.


Message édité par The-Shadow le 18-06-2006 à 15:10:29
n°1389962
lyneus
Posté le 18-06-2006 à 14:13:15  profilanswer
 

ok merci, je vais voir ça, sinon il y en a-t-il parmi vous qui utilisent cette fonction ?

n°1389963
The-Shadow
Développeur
T'as été voir dans ton profil?
Posté le 18-06-2006 à 14:14:01  profilanswer
 

Moi oui.
C'est ce qui se fait de plus bateau comme préchargement, quand j'ai des images :hover dans mes CSS, je les précharge souvent de cette manière.


Message édité par The-Shadow le 18-06-2006 à 15:10:37
n°1389964
The-Shadow
Développeur
T'as été voir dans ton profil?
Posté le 18-06-2006 à 14:15:41  profilanswer
 

Par contre, moi je mets des points virgules à la fin des lignes, mais c'est peut-être de la déformation parce que je développe en PHP à coté :

Code :
  1. image=new Image();
  2. image.src='chemin_de_mon/image.gif';


Message édité par The-Shadow le 18-06-2006 à 15:10:21
n°1389981
afbilou
pouet your life
Posté le 18-06-2006 à 14:49:40  profilanswer
 

pour faire du roll over en CSS sans pré charger les images via javascript il y a des methodes tout a fait elegantes et plus accessibles :
 
* http://afbilou.free.fr/tmp/preload.html

n°1389986
The-Shadow
Développeur
T'as été voir dans ton profil?
Posté le 18-06-2006 à 15:10:07  profilanswer
 

C'est une solution effectivement.


Message édité par The-Shadow le 18-06-2006 à 15:10:14
mood
Publicité
Posté le 18-06-2006 à 15:10:07  profilanswer
 

n°1389987
lyneus
Posté le 18-06-2006 à 15:15:52  profilanswer
 

euh oui, ça à l'air pas mal mais, comment l'intégrerdans mon code, si vous avez un petit exemple sous la main, n'hésitez pas ;)  merci

n°1389988
The-Shadow
Développeur
T'as été voir dans ton profil?
Posté le 18-06-2006 à 15:18:48  profilanswer
 

Ce n'est pas une question de l'intégré dans ton code en fait, il faut juste que tu composes tes images rollover à l'état normal et à l'état over sur une seule et même image.
Comme sur ce site : http://www.lohlwee.org/
Les images du menu de gauche sont en fait composés comme ceci :
http://www.lohlwee.org/imagesl/puce-accueil.jpg
 
Et tu indiques juste à ta CSS de décaler le background au passage de la souris.


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Optimisation d'images

 

Sujets relatifs
[Php] Miniatures d'images (à la imageshack)images defilantes php
Help : Check des dimensions d'images lors d'un Upload[HTML/CSS] Firefox et images non dispo
[C] SDL_Image.h ect... problème de compilation il aime po mes images..galerie d'images : upload par zip puis extraction par lots
gérer le pb des images non-chargées lors de l'affichage d'1 page webImages et frames
[HTML] euh, je voudrais un pixel entre 2 images, et pas 2 pixels entreOptimisation traitement d'images
Plus de sujets relatifs à : Optimisation d'images


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR