18041 sujets

Questions générales et questions de débutants

Galerie Javascript

Bonjour
J'essaye de simplifier au maximum la galerie javascript du tutoriel mais je crois que je me mélange complètement les pinceaux. L'idée et de ne pas faire de miniature, car dans mon cas ce n'est pas nécessaire pour l'instant :



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
      "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">
<head>
<title>Galerie</title>

<script type="text/javascript">
function affiche(cible) {
	big.src = document.getElementById(cible).this.src;
}
</script>
</head>
<body>
<ul>
<li><a href=""><img id="1" alt="Photo1" src="img/1.jpg" onclick="affiche('1');" /></a></li>
<li><a href=""><img id="2" alt="Photo1" src="img/2.jpg" onclick="affiche('2');" /></a></li>
<li><a href=""><img id="3" alt="Photo1" src="img/3.jpg" onclick="affiche('3');" /></a></li>
</ul>
<p><img id="big" alt="Photo1" src="img/1.jpg" /></p>
</body>
petites modifs.
Déjà plus logique que mon code précédent, mais sans résultat. L'image (id big) change bien mais eulement une demie seconde avant de reprendre la src par défaut. Je comprend pas...

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
      "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">
<head>
<title>Galerie</title>

<script type="text/javascript">
var big;
var dest;
function image(dest){
	big=document.getElementById("big");
	big.src=dest;
}
</script>
</head>
<body>
<p><img id="big" alt="Photo1" src="img/1.jpg" /></p>
<ul>
<li><a href=""><img width="100" id="1" alt="Photo1" src="img/1.jpg" onclick="image(this.src);" /></a></li>
<li><a href=""><img width="100" id="2" alt="Photo1" src="img/2.jpg" onclick="image(this.src);" /></a></li>
<li><a href=""><img width="100" id="3" alt="Photo1" src="img/3.jpg" onclick="image(this.src);" /></a></li>
</ul>
</body>
Sujet clos
Aller à