Taille d'image (html) [Résolu/Fermé]

Signaler
Messages postés
135
Date d'inscription
dimanche 26 octobre 2008
Statut
Membre
Dernière intervention
13 décembre 2012
-
Messages postés
135
Date d'inscription
dimanche 26 octobre 2008
Statut
Membre
Dernière intervention
13 décembre 2012
-
Bonjour,

Dans mon site, j'ai une page "galerie" ou j'ai mis des petites images qui sont en meme temps des liens, lorsqu'on clique dessus, cela doit afficher la meme image mais avec une taille plus grande que sa taille réelle, mais je n'arrive pas à le faire; j'ai utilisé ce code:

<a href="images/image-centre/s16.jpg ">
<img src="images/image-centre/s16.jpg" width="71" height="90" border="0"/></a>

lorsque je clique sur l'image elle affiche une nouvelle page contenant la meme image mais avec la meme petite taille :

Pouvez vous m'aider svp?
Merci d'avance

7 réponses

Messages postés
2346
Date d'inscription
vendredi 20 juin 2008
Statut
Membre
Dernière intervention
22 août 2014
291
Un site exemple?
Dans tous les cas ce n'est pas comme ça qu'il faut procéder. Car afficher une image miniature avec
<img src="images/image-centre/s16.jpg" width="71" height="90" border="0"/>

ce n'est pas bon, car c'est le navigateur qui va devoir se charger de réduire l'image. Pour ce faire, la navigateur devra télécharger l'image complète (taille réelle) avant de pourvoir afficher en miniature. En conséquence, une galerie complète affichée de la sorte, fera ramé considérablement la connexion et votre site s'affichera au ralenti.

Il faut que l'image miniature soit faite à l'avance (par vous), soit il faut demander au serveur de générer les images miniatures automatiquement. En PHP c'est possible via la librairie GD.
1
Merci

Quelques mots de remerciements seront grandement appréciés. Ajouter un commentaire

CCM 60769 internautes nous ont dit merci ce mois-ci

Messages postés
135
Date d'inscription
dimanche 26 octobre 2008
Statut
Membre
Dernière intervention
13 décembre 2012
2
Merci pour le conseil :-) mais le problème n'est dans l'image miniature les : width="71" height="90" ne servent à rien dans mon code je les ai enlevés, car l'image est déja petite , ce que je veux, c'est que lorsqu'on clique dessus
cette image s'affiche dans une nouvelle page mais avec une taille plus grande que sa petite taille réelle

Merci
Messages postés
2346
Date d'inscription
vendredi 20 juin 2008
Statut
Membre
Dernière intervention
22 août 2014
291
Il faut 2 pages :
la page initiale :

<a href="s16.html">
<img src="images/image-centre/s16.jpg" width="71" height="90" border="0"/></a>

Et une page s16.html contenant :
<img src="images/image-centre/s16.jpg" width="710" height="900" border="0"/>
Messages postés
135
Date d'inscription
dimanche 26 octobre 2008
Statut
Membre
Dernière intervention
13 décembre 2012
2
Mercii gigaga ça marche, mais l'image agrandie est floue :s elle ne parait pas bien, est ce qu'il y a une méthode pour éviter ce problème??

Merci d'avance

Tu agrandie une image. Tu ne l'affiche pas en taille réel, il est donc normale que l'image soit flou.
Je ne connais aucun moyen de rendre une image net.
Messages postés
135
Date d'inscription
dimanche 26 octobre 2008
Statut
Membre
Dernière intervention
13 décembre 2012
2
ok merci en tous cas :-) j'ai résolu le problème en créant 2 images l'image miniature et href de son lien qui est l'adresse d'un image semblable mais avec une grande taille qui est cette fois réelle.

Merci pour vos conseils

N'oublie pas de mettre le statut du problème sur : Résolu ;)
Messages postés
135
Date d'inscription
dimanche 26 octobre 2008
Statut
Membre
Dernière intervention
13 décembre 2012
2
oki c'est fait ;-)