Agrandir image sur un site

Résolu

vaness -

salut!
j'ai crée mon site avec frontpage, et j'aimerais qu'on puisse agrandir les images en ouvrant une nouvelle page en cliquant dessus.
vous savez comment on fait?

merci!!

Afficher la suite

9 réponses

Réponse 1 / 9 - Meilleure réponse
La meilleure réponse est la réponse qui a été validée par nos équipes.
legros0
Simple. Voici le code html: <a href="nom_de_l_image.jpg">ICI l'image taille réduite</a>
Alors une fois que tu aura cliqué sur l'image en taille réduite, elle apparaîtra en grand, comme quand tu cliques sur une image sur Goooooooooooooooooooogle.
J'éspère que sa t'aura aidé...
15
1. ihlam59
  
  Mercii :D
  
  0
2. soumaDouj
  
  Merci bcp :)
  
  0
Réponse 2 / 9
fanou
Bonjour à tous

vaness :
Pour agrandir une photo en cliquant sur une vignette, voici un code :

Dans le <head>
<SCRIPT LANGUAGE="JavaScript">

</SCRIPT>

Dans le< body> à l'endroit de la photo :

<a onclick="PopupImage(this.href);return false;" href="grande_photo.jpg"><img src="petite_photo.jpg"</a></td>
10
1. caroll13340
  
  bonjour j ai ouvert un blog et mes foto sont compresser on ma conseiller d aller sur tynipic pour les agrandir mais ca marche pas a tu une formule magique merci a vous
  
  0
2. caroll13340
  
  bonjour je suis novice et je voudrais savoir comment agrandir mes images vous avez plein de formule mais il faut les mettre ou merci
  
  0
Réponse 3 / 9
graffx Contributeur
tu a une petite image

lorsque tu clic dessus, une popup s' ouvre et t' agrandis l' image de la vignette dans cette popup:

<a HREF="#" onclick="window.open('../images/nom_grande_image.jpg','Popup','toolbar=0,location=0,directories=0,status=0,scrollbars=1,resizable=1,copyhistory=0,menuBar=0,width=350,height=450');return(false)">(img src="../images/nom_vignette.jpg"></a>
4
1. Bouzouki
  
  Bjr
  dans ton exemple, c koi le tout premier "#" ?
  Merci d'avance
  
  0
Réponse 4 / 9
marie-claude
bonjour,
je viens de trouver une réponse à ta question en allant sur le site

www.allhtml.com/articles/details/292

Il semblerait que ce ne soit pas compatible avec Netscape.

A essayer quand même....
3
Vous n’avez pas trouvé la réponse que vous recherchez ?

La communauté CCM répond en moyenne en moins de 2h.

Posez votre question
Réponse 5 / 9
sinifer
je sai pas si j'ai bien compris mais tu souhaite pouvoire passé ta souris dessu et ke sa agrandisse l'image et que aussi tu puisse entré dans un liens??? ben si c'est sa voila le code

dans ton css

a img {border:none}
a:hover {border:0px} /*hack pour IE */
a:hover img {width:300px ; height:216px}

et html

<p><a href="https://fr.yahoo.com/"><img src="images/Fax1.gif" width="180" height="72" border="0"></a></p>

et sa marchera
3
1. Bouzouki
  
  Bjr sinifer
  Dans le css, c koi "a img" et "a:hover img" ?
  "a" tout seul je comprends (idem a:hover) mais pas "a img"
  
  Tu pourrais me mettre le html et le css complet en réponse pour que je comprenne ?
  Merci d'avance.
  
  0

Réponse 7 / 9
Utilisateur anonyme
slt je crois quil suffit de faire 1 image + grande dans ta new page
avec 1 lien qui l'amene dessus ( lien sur sur la page d'avant ) dis moi si ca marche et si tu veux donne adresse de ton site pour le visiter
0
Réponse 8 / 9
caroll13340
merci beaucoup je vais essayer mais ca va pas etre evident novice enfin on verra bien grand merci encore
0
Réponse 9 / 9
Falgor
Merci mille fois !

Pour ceux qui n'arrivent pas à garder les proportions, dont les images partent à droite ou à gauche, je leur suggère de bien regarder la syntaxe car c'est souvent la cause du problème ( je viens de passer 2 heures sur des forums à garder les mêmes erreurs ).

Bonne journée
0

Agrandir image sur un site

9 réponses

Discussions similaires

Newsletters