Image agrandi au clique

yooyoo12 Messages postés 337 Statut Membre -  
yooyoo12 Messages postés 337 Statut Membre -
Bonjour,
je voudrais faire de sorte que, je mette mon image sur ma page en petit, avec un petit carré en bas de celle ci, et que lorsqu'on clique sur l'image, nous somme envoyer sur l'adresse de celle-ci pour un affichage plus grand.
comme les image, héberger sur imageshack, que l'ont poste sur les forums !

au lieu d'avoir deux fois la même images, une en grand et une en petit, existe t'il un moyens de faire ceci? merci !
A voir également:

4 réponses

monkey_monk Messages postés 681 Statut Membre 131
 
Bonsoir,

tu peux très bien redéfinir la taille d'affichage de ton image dans ta balise img : <img src="tonimage.jpg" width="150" height="100" alt="mon image" />

Ensuite tu l'entoure d'un lien : <a href="tonimage.jpg"><img src="tonimage.jpg" width="150" height="100" alt="mon image" /></a>

Mais le poids de ton image sera identique en petit qu'en grand car ce n'est que la taille d'affichage qui est redéfinit. Autrement, il faut faire une 2nd image aux dimensions souhaitées. (une version miniature)
0
yooyoo12 Messages postés 337 Statut Membre 18
 
salut, merci c'est vrai j'y aurais pu penser plus tôt, je ne pensait pas que c'était aussi simple.
Je pense que je vais prendre la première astuces car dans les deux cas, sa reviendra au même en question de poids ;)

merci
0
monkey_monk Messages postés 681 Statut Membre 131
 
La différence est surtout là lorsque tu fais une galerie.

Imagine, tu as plusieurs page avec une 30ène de photo dessus... le temps de chargement devient interminable si chaque miniature à le poids d'une image HD ! Voilà pourquoi on utilise les miniatures.

Poids moyen d'une minaiture : 15Ko
Poids moyen d'une image agrandie et pour le web : entre 140 et 260 Ko
Poids moyen d'une image HD : entre 500Ko et 2 Mo (parfois bien plus)

Tu vois que les avantages ne sont pas inutiles...
0
yooyoo12 Messages postés 337 Statut Membre 18
 
salut, non il ne s'agit pas d'une galerie, mais juste quelques images sur le bord, pour un tuto.
0