all html : Le portail des webmaster

liste des forums liste des discussions Participer à la discussion

Message publié le mardi 02 mars 2010 - 18h27 par Hayreon.

Bonjour,

Je cherche comment modifier un lien d'une image après avoir cliquer sur ce lien :

function voirGrand(img,imgUrl) { var a = document.getElementById(img); a.src = imgUrl; a.width = 200; } <a href="#" onclick="voirGrand('toto','toto.jpg')"><img id="toto" src="mini_toto.jpg"></a>

Pour l'instant, quand je click sur ma miniature, j'arrive à l'agrandir avec une taille maxi de 200 mais à ce momment la, j aimerai que si on click a nouveau sur l image, elle soit afficher en taille réelle.

Merci

• participer

Message publié le mardi 02 mars 2010 - 22h30 par nours312. nours312.com -- je ne suis pas codeur bénévol, mais j'aide gratos ;)

et pourquoi ne pas utiliser array !?


function voirGrand(i,imgs) { var img = document.getElementById(i); if(img.src == imgs[0][0]) { img.src = imgs[1][0]; img.width = imgs[1][1]; } else { img.src = imgs[0][0]; img.width = imgs[0][1]; } }
<a href="#" onclick="voirGrand('toto',[['toto.jpg', 200], ['mini_toto.jpg', 100]])"><img id="toto" src="mini_toto.jpg"></a>


BonCode;)

• participer

Message publié le mercredi 03 mars 2010 - 06h48 par Hayreon.

Bonjour,

Merci pour ta réponse mais ça ne fonctionne pas.

• participer

Message publié le mercredi 03 mars 2010 - 09h08 par nours312. nours312.com -- je ne suis pas codeur bénévol, mais j'aide gratos ;)

heuu ...

Qu'est ce qui ne fonctionne pas ?

• participer

Message publié le mercredi 03 mars 2010 - 09h34 par Hayreon.

J'obtiens le même résultat : la miniature s'affiche, quand je click dessus la même image s'agrandit à la taille voulue (ici 200) mais à ce moment la je voudrais que l'image s'affiche en taille réel si je click une nouvelle fois dessus.

En résumé :

1 - j affiche une miniature
2 - un premier click sur l'image l'agrandie à la taille voulue
3 - un deuxième click sur cette même image l'affiche en taille réelle

Merci pour ton aide :)

• participer

Message publié le mercredi 03 mars 2010 - 09h57 par Bul. mon site : http://bul.fr.nf m'écrire : http://bul.chez.com/mas/?bul

bonjour,

<script type="text/javascript">
function voirGrand(dessin)
{ alert(dessin.clientWidth)
if (dessin.clientWidth!=200)
{ dessin.style.width="200px"; }
else { dessin.style.width="500px"; }
}
</script>
<a href="javascript:voirGrand(document.getElementById('toto'));"><img id="toto" src="mini_toto.jpg" /></a>

si j'ai compris....
@+

• participer

Message publié le mercredi 03 mars 2010 - 10h53 par Hayreon.

C'est presque ça ^^

Je devrai pouvoir m'en sortir maintenant :)

Merci à vous deux !

• participer

liste des forums liste des discussions Participer à la discussion

Vous devez obligatoirement vous identifier en tant que membre pour participer à cette discussion.