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!!

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é...

Agrandir image sur un site [Résolu]

Réponse 2 / 9

fanou Messages postés 448 Statut Membre 146

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>

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

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

Réponse 3 / 9

graffx Messages postés 7513 Statut Contributeur 1 975

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>

Bouzouki Messages postés 350 Statut Membre 21

Bjr
dans ton exemple, c koi le tout premier "#" ?
Merci d'avance

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....

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

Posez votre question

Réponse 5 / 9

sinifer Messages postés 323 Statut Membre 11

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

Bouzouki Messages postés 350 Statut Membre 21

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.

Réponse 6 / 9

sinifer Messages postés 323 Statut Membre 11

désolé bouzouki de répondre que maitenant mais je vais te montré un site ou j'ai pris ce que je t donnée jespère que tu arrivera mieu avec sa mais aussi dit nous ou tu en est que l'on puissse savoir saha

http://batraciens.net/css-astuces/image-survol-zoom.htm

<html>
<head>
<meta http-equiv=Content-Type content="text/html; charset=iso-8859-1">
<style type="text/css">
a img {border:none} /* pas d'encadrement des images */
a:hover {border:0px } /* hack pour IE - ne sert sinon à rien */
a:hover img {width:300px ; height:216px} /* agrandi les images lors du survol */
</style>
</head>

<body>


<a href="#"><img src="image.jpg" width="200" height="144" alt=""></a>

</body>
</html>

Bouzouki Messages postés 350 Statut Membre 21

Merci beaucoup Sinifer !
Lien très utile !
:)

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

Réponse 8 / 9

caroll13340

merci beaucoup je vais essayer mais ca va pas etre evident novice enfin on verra bien grand merci encore

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

Agrandir image sur un site

9 réponses

Votre réponse

Discussions similaires