Comment alterner une bordure image

Version imprimable

01/04/2012, 21h42
java250r

Comment alterner une bordure image
Salut a tous je suis entrain de faire un site et je voudrais que quand l'usager clic sur une image qu'il apparait une bordure verte autour de l'image et que quand il clic sur une autre image que la bordure disparaisse de l'autre image et quelle apparaissent sur la nouvelle image cliquer.J'ai fais une fonction mais la bordure ne disparait pas quand je clic sur une autre image voici mon code
Merci d'avance pour votre aide
Code:

1 2 3 4 5 6 7 8 function toggleBorder(img) { if(!img.style.border||img.style.borderLeftStyle=='none') { img.style.border = "3px solid #6BF806"; } else { img.style.border = "none"; } }

Bonjour,

Il te manque le changement de bordure sur les autres images.

Voici le code :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
 
function toggleBorder(img) {
	var imgs = document.getElementsByTagName("img");
	for (var i=0; i<imgs.length; i++) {
		if(imgs[i] == img) {
			if(!img.style.border||img.style.borderLeftStyle=='none') {
			imgs[i].style.border = "3px solid #6BF806";
			} else {
			imgs[i].style.border = "none";
			}
		} else imgs[i].style.border = "none";
	}
}

04/04/2012, 05h25
java250r

Merci beaucoup ca fonctionne a merveille