Aggrandissement de photo sur page web

Résolu/Fermé
Signaler
-
 scarabe22 -
Bonjour à toutes et à tous.

Voilà, je n'y connais pas grand chose en programmation.

Jai créé avec NVu une page web que vous pouvez consulter à l'adresse suivante: https://www.gites-des-caps.fr/
et maintenant je voudrais savoir comment agrandir les photos du gîte, soit en cliquant dessus, soit au passage de la souris.

Votre aide me sera précieuse aussi je vous en remercie par avance.

4 réponses

Messages postés
3671
Date d'inscription
jeudi 16 juin 2005
Statut
Membre
Dernière intervention
11 février 2021
1 005
Bonjour,

Déjà, je constate que tes photos (par exemple, celle-ci : http://www.gites-des-caps.fr/salleamanger.jpg ) sont affichées à leur taille réelle, et sont donc naturellement petites. On ne peut pas les aggrandir directement : il faut que tu disposes de photos plus grandes (tu en as certainement, aucun appareil photo ne prend de photos aussi petites : tu as sûrement déjà dû les traiter)
Le plus simple, ensuite, est de mettre, sur ta petite photo, un lien vers la grande, dans une autre fenêtre.

Il faudra donc remplacer ton image actuelle
<img style="width: 210px; height: 138px; float: right;" src="salleamanger.jpg">
Par un lien vers l'autre image (que j'appelle salleamangerBIG.jpg, mais je te laisse changer cela s'il le faut)
<a href="salleamangerBIG.jpg" target="_BLANK"><img style="width: 210px; height: 138px; float: right;" title="salle à manger" src="salleamanger.jpg" /></a>
Voilà, j'espère que ça te permettra de faire ce que tu souhaites !

Xavier
0
Bonjour Reivax962,

J'ai fait ce que tu m'as conseillé, mais j'ai du louper une étape car maintenant j'ai bien mon curseur de souris qui se transforme en main, mais lorsque je clique dessus j'ai error page not found????

Merci encore pour ton aide.

Cordialement.
0
Merci beaucoup pour cette réponse.

Effectivement les photos du site sont des scans réduits. Je vais essayer ta solution et te tiendrait au courrant dans les prochains jurs du résultat.

Merci zncore.
0
Bonjour Reivax962,

J'ai fait ce que tu m'as conseillé, mais j'ai du louper une étape car maintenant j'ai bien mon curseur de souris qui se transforme en main, mais lorsque je clique dessus j'ai error page not found????

Merci encore pour ton aide.

Cordialement.
0
Messages postés
3671
Date d'inscription
jeudi 16 juin 2005
Statut
Membre
Dernière intervention
11 février 2021
1 005
Bonjour,

Cela signifie que tu n'as pas correctement mis le nom de ton image grand format dans le lien !
Mets ton code ici pour voir ? Avec le nom réel de ton image :)

Xavier
0
>
Messages postés
3671
Date d'inscription
jeudi 16 juin 2005
Statut
Membre
Dernière intervention
11 février 2021

Bonjour,

Voici le code comme tu me l'as demandé.


<a href="cuisine2big.html" target="_BLANK"><img alt="" style="border: 0px solid ; width: 210px; height: 138px; float: right;"
title="cuisine 2" src="cuisine2.jpg"></a>


Merci encore pour ton aide.
0
Messages postés
3671
Date d'inscription
jeudi 16 juin 2005
Statut
Membre
Dernière intervention
11 février 2021
1 005
<a href="cuisine2big.html" target="_BLANK">

Tu as mis .html au lieu de .jpg ;)
0
OK Ca Marche :-)

Merci encore mille fois pour ton aide.
0