Taille d'image (html)

Résolu/Fermé
hanagi
Messages postés
135
Date d'inscription
dimanche 26 octobre 2008
Statut
Membre
Dernière intervention
13 décembre 2012
- 19 juin 2009 à 23:07
hanagi
Messages postés
135
Date d'inscription
dimanche 26 octobre 2008
Statut
Membre
Dernière intervention
13 décembre 2012
- 20 juin 2009 à 00:15
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
A voir également:

7 réponses

gigaga
Messages postés
2346
Date d'inscription
vendredi 20 juin 2008
Statut
Membre
Dernière intervention
22 août 2014
301
19 juin 2009 à 23:12
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
hanagi
Messages postés
135
Date d'inscription
dimanche 26 octobre 2008
Statut
Membre
Dernière intervention
13 décembre 2012
3
19 juin 2009 à 23:34
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
1
hanagi
Messages postés
135
Date d'inscription
dimanche 26 octobre 2008
Statut
Membre
Dernière intervention
13 décembre 2012
3
19 juin 2009 à 23:18
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
0
gigaga
Messages postés
2346
Date d'inscription
vendredi 20 juin 2008
Statut
Membre
Dernière intervention
22 août 2014
301
19 juin 2009 à 23:24
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"/>
0
Utilisateur anonyme
19 juin 2009 à 23:48
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.
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
hanagi
Messages postés
135
Date d'inscription
dimanche 26 octobre 2008
Statut
Membre
Dernière intervention
13 décembre 2012
3
20 juin 2009 à 00:04
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
0
Utilisateur anonyme
20 juin 2009 à 00:09
N'oublie pas de mettre le statut du problème sur : Résolu ;)
0
hanagi
Messages postés
135
Date d'inscription
dimanche 26 octobre 2008
Statut
Membre
Dernière intervention
13 décembre 2012
3
20 juin 2009 à 00:15
oki c'est fait ;-)
0