Aggrandissement de photo sur page web

Résolu
scarabe22 -  
 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.
A voir également:

4 réponses

Reivax962 Messages postés 3672 Date d'inscription   Statut Membre Dernière intervention   1 011
 
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
scarabe22
 
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
scarabe22
 
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
scarabe22
 
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
Reivax962 Messages postés 3672 Date d'inscription   Statut Membre Dernière intervention   1 011
 
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
scarabe22 > Reivax962 Messages postés 3672 Date d'inscription   Statut Membre Dernière intervention  
 
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
Reivax962 Messages postés 3672 Date d'inscription   Statut Membre Dernière intervention   1 011
 
<a href="cuisine2big.html" target="_BLANK">

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

Merci encore mille fois pour ton aide.
0