Agrandir image sur un site

Résolu/Fermé

Css

vaness - 28 mars 2005 à 20:15
soumaDouj Messages postés 1 Date d'inscription lundi 24 février 2014 Statut Membre Dernière intervention 24 février 2014 - 24 févr. 2014 à 18:07

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

A voir également:

Agrandir image au clic css
Frédéric cherche à faire le buzz sur les réseaux sociaux. il a ajouté une image de manchots sur une image de plage. retrouvez l'image originale de la plage. que cachent les manchots ? ✓ - Forum Windows
Agrandir une image - Guide
Recherche par image - Guide
Retour à la ligne css - Forum CSS
Deplacer une image css - Astuces et Solutions

9 réponses

Réponse 1 / 9

legros0
13 déc. 2007 à 21:33

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

ihlam59
6 déc. 2011 à 21:53

Mercii :D

soumaDouj Messages postés 1 Date d'inscription lundi 24 février 2014 Statut Membre Dernière intervention 24 février 2014
24 févr. 2014 à 18:07

Merci bcp :)

Réponse 2 / 9

fanou Messages postés 448 Date d'inscription jeudi 16 mai 2002 Statut Membre Dernière intervention 1 décembre 2010 147
25 août 2006 à 08:30

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
15 mars 2008 à 13:18

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
15 mars 2008 à 14:21

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 6430 Date d'inscription jeudi 22 mars 2007 Statut Contributeur Dernière intervention 24 mars 2019 2 017
15 mars 2008 à 15:11

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 313 Date d'inscription jeudi 17 août 2006 Statut Membre Dernière intervention 5 mars 2019 17
23 avril 2008 à 17:30

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

Réponse 5 / 9

sinifer Messages postés 312 Date d'inscription mardi 12 février 2008 Statut Membre Dernière intervention 12 mars 2013 11
19 févr. 2008 à 10:44

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 313 Date d'inscription jeudi 17 août 2006 Statut Membre Dernière intervention 5 mars 2019 17
23 avril 2008 à 17:22

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 312 Date d'inscription mardi 12 février 2008 Statut Membre Dernière intervention 12 mars 2013 11
28 avril 2008 à 09:38

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 313 Date d'inscription jeudi 17 août 2006 Statut Membre Dernière intervention 5 mars 2019 17
28 avril 2008 à 12:57

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

Discussions similaires

Comment agrandir une image en cliquant

html Afficher/cacher une DIV sur clique <a>

[css] centrer un texte sur une image

Comment redimensionner des images via HTML ?

Comment centrer une image en css

[HTML] Image de fond prennant toute la place.

Discussions similaires

Newsletters