Bon ok j'ai vu ton site et l'utilisation de ma librairie n'a pas trop d'utilité pour toi surtout si tu es un vrai débutant .
Donc j'ai fais ton code.
Cependant cela marche pour 5 images différentes dans chaque catégorie si tu veux que ca marche avec plus tu changes la variable " nbrMaxImage = le nombre que tu veux "
Mais ce qui est sûr c'est que mon code fonctionne uniquement si tu as le même nombre d'image dans chaque catégorie !!!
voila le code :
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"
[ Lien ]">
<html>
<head>
<title>essai avec css externe</title>
<meta name="generator" content="BBEdit 7.0">
<script type="text/javascript">
var nbrMaxImage = 5;
var A = 1;
var B = 1;
var C = 1;
var D = 1;
var E = 1;
function nextImage(whichCat,imgElement) {
eval(whichCat+" = "+whichCat+" == "+nbrMaxImage+" ? 1 : "+whichCat+" + 1;");
var newIndex = eval(whichCat);
eval("imgElement.src=\"../images/"+whichCat+newIndex+".jpg\"");
return false;
}
</script>
<LINK rel="StyleSheet" type="text/css" href="style.css">
</head>
<body>
<div id="A"><a href="#" onclick="return nextImage('A',this.firstChild)"><img src="../images/A1.jpg"></div>
<div id="B"><a href="#" onclick="return nextImage('B',this.firstChild)"><img src="../images/B1.jpg"></div>
<div id="C"><a href="#" onclick="return nextImage('C',this.firstChild)"><img src="../images/C1.jpg"></div>
<div id="D"><a href="#" onclick="return nextImage('D',this.firstChild)"><img src="../images/D1.jpg"></div>
<div id="E"><a href="#" onclick="return nextImage('E',this.firstChild)"><img src="../images/E1.jpg"></div>
</body>
</html>
voila bonne prog
@+
-- The Rubik's Man --