Nous sommes le Ven 18 Juil, 2025 17:46
Supprimer les cookies

une image qui mene vers une autre image

Sur le logiciel libre en général ou un logiciel libre en particulier

Mer 15 Juin, 2005 12:09

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
Image
et si jamais un visiteur click dessus il se retrouve enmener vers une autre page ou se trouvera cette image
Image
tout comme ca
Image
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
anashm

Messages : 5

Mer 15 Juin, 2005 12:47

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.
*Nouveau venu ? Lisez les règles d'utilisation de ce forum
*Une question à poser ? Assurez vous qu'on vous répondra
*Soutenir Framasoft ? Participez à l'annuaire !
*"T'es où ?" Inscrivez vous sur la FramaMap
pyg

Avatar de l’utilisateur
Messages : 7858
Géo : Lyonnais

Mer 15 Juin, 2005 13:05

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

Messages : 5

Ven 17 Juin, 2005 02:51

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
Quand on pourra jouer aux jeux grand public sur Linux, il deviendra vraiment populaire
ttoine

Avatar de l’utilisateur
Messages : 848
Géo : Lyon, France

Qui est en ligne ?

Utilisateur(s) parcourant actuellement ce forum : Aucun utilisateur inscrit