11548 sujets

JavaScript, DOM et API Web HTML5

Voila voila un nouveau petit problème Smiley decu
J'ai récupérer un javascript pour faire un diaporama sur mon site. Lors de la tentative de validation il me dit que l'attribut name n'est pas reconnu en strict.
Si quelqu'un sait comment écrire cette ligne correctement...
J'ai essayé sans l'attribut name="slideshow" mais j'obtiens une erreur de script !

Voila le code (j'ai mis en rouge la ligne qui pose problème !)

a écrit :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>diaporama photo automne</title>
<link rel="stylesheet" type="text/css" href="../style4.css" />
<script type="text/javascript">
<!-- Original: Mike Canonigo (mike@canonigo.com) -->
<!-- Web Site: http://www.munkeehead.com -->

<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->

<!-- Begin
NewImg = new Array (
"automne2004/l1.jpg",
"automne2004/l2.jpg",
"automne2004/l3.jpg",
"automne2004/l4.jpg",
"automne2004/l22.jpg"
);
var ImgNum = 0;
var ImgLength = NewImg.length - 1;

//D&eacute;lai entre les diapositives en millisecondes.
var delay = 3000;

var lock = false;
var run;
function chgImg(direction) {
if (document.images) {
ImgNum = ImgNum + direction;
if (ImgNum > ImgLength) {
ImgNum = 0;
}
if (ImgNum < 0) {
ImgNum = ImgLength;
}
document.slideshow.src = NewImg[ImgNum];
}
}
function auto() {
if (lock == true) {
lock = false;
window.clearInterval(run);
}
else if (lock == false) {
lock = true;
run = setInterval("chgImg(1)", delay);
}
}
// End -->
</script>
</head>

<body>
<div id="conteneur">
<div id="header">
<img src="imagephoto/photo.png" alt="photos" />
</div>
<div id="gauche">
<ul>
<li><a href="noel2004.htm">no&euml;l 2004</a></li>
<li><a href="../accueil.htm">retour accueil</a></li>
</ul>
</div>
<div id="contenu">
<div class="clearboth"></div>
<div class="imagecentre">
<img src="automne2004/l1.jpg" alt="automne 2004" name="slideshow" />
<a href="javascript:chgImg(-1)" /><br />Pr&eacute;c&eacute;dent</a>
<a href="javascript:auto()" /><br />D&eacute;marrer/Arr&ecirc;ter</a>
<a href="javascript:chgImg(1)" /><br />Suivant</a>
</div>
</div>
</div>
</body>

</html>

Modifié le 10 Jan 2005 - 10:55
<img src="automne2004/l1.jpg" alt="automne 2004" name="slideshow" />

=>
<img src="automne2004/l1.jpg" alt="automne 2004" id="imageSlideshow" />

_______________________________________________________
document.slideshow.src = NewImg[ImgNum];

=>
document.getElementById('imageSlideshow').src = NewImg[ImgNum];

_______________________________________________________
Et tu supprimes la condition :
if (document.images) {
(...)
}

(La condition, pas son contenu)
_______________________________________________________