une image qui mene vers une autre image

[anashm]

salut voila j'ai besoin de votre aide
je suis on plein construction de mon site avec nvu tout été maginifique quand j'ai rencontrer se problémes qui ma blocer j'ai bon rechercher j'ai rien trouvez
je voudrez crée une image clickable qui me menera vers une autre image je m'explique par example voici une petit image

et si jamais un visiteur click dessus il se retrouve enmener vers une autre page ou se trouvera cette image

tout comme ca

je sais tres bien que je peux faire ca crée une image dans une autre page html et quand le visiteur click dessus il est enmener vers cette page html mais ce sera trop long a faire alor s'il vous plaie aidez moi

[pyg]

Bonjour (et bienvenue)

bon, je ne suis pas sûr d'avoir compris ton probleme.

Hypothèse 1 (probable): tu as une petite image ("image1"), et tu veux que quand l'utilisateur clique dessus, ça l'envoie vers une autre image ("image2" en grande taille)

Hypothèse 2 (possible) : tu as des images, et tu veux que quand l'utilisateur clique dessus, celle ci se substitue à une autre sans charger d'autre page.

Hypothèse 3 : j'ai rien compris

Alors :
pour l'hypothèse 1, le plus simple, c'est encore de mettre un lien vers ton image et non vers une page contenant l'image.
Ex:
<a href="image2.jpg"><img src="image1.jpg" title="cliquez moi" /></a>
Inconvénient: ton visiteur devra cliquer sur le bouton "Retour" de son navigateur pour revenir à la page précédente.
Pour faire cela, dans NVu, c'est tres simple : il te suffit, de mettre comme lien sur ton image, non pas un fichier .html mais ton fichier .jpg

Autre solution :
<a href="image2.jpg" target="_blank"><img src="image1.jpg" title="cliquez moi" /></a>
le target="_blank" indique au navigateur d'ouvrir l'image dans une nouvelle fenetre.
Inconvénient : ton visiteur devra fermer cette fenetre pour revenir à la page qui l'a ouverte

Pour cela, dans NVu :
1- selectionne ton texte
2- clique sur lien
3- "parcourir"
4- "images" (dans le menu déroulant "type de fichier")
5- selectionne ton image
6- clique sur "plus de propriétés"
7- "cette image doit s'ouvrir dans une nouvelle fenêtre"

Et voilà !

Hypothese 2 :
Avec un petit bout de Javascript ?
<img src="image1.jpg" title="cliquez moi" onClick="this.src='mage2.jpg'"/>
Inconvénient : il faut que tes images aient la même taille, sinon ça ne sera pas beau.

Autre solution :
<img src="image1.jpg" title="cliquez moi" onMouseOver="this.src='image2.jpg'" onmouseout="this.src='image1.jpg'"/>
Différence, l'image ne change que lorsque l'utilisateur à la souris au dessus, elle revient en place lorsqu'il ecarte la souris.

[anashm]

merci beaucoup c'est t'as premier hypotése que je voulais
merci de m'avoir aider merci merci merci

[ttoine]

Et pour l'hypothèse 2, un peu de css est bien plus efficace, car il permet de le faire avec toutes les images, voire de redimensionner une image en passant le curseur dessus :

Code: Tout sélectionner

img{width: 50px}
img:hover{width:auto}

Toine