Ho trovato in rete un slideshow molto semplificato che però non riesco a far girare sulla mia home page. L'id é giusto, l'url pure quindi non riesco a trovare una spiegazione tangibile.

Qui sotto l'esempio funzionante:

codice:
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento senza titolo</title>
<!--[if lte IE 7]>
<script type="text/javascript">
var numero_immagine = 1 ;
var ultima_immagine = 3 ;
function slideshow(){ 
++numero_immagine;
if (numero_immagine <= ultima_immagine) {
var nome_immagine = document.getElementById("immagine");
nome_immagine.src = "eee/anim" + numero_immagine + ".jpg";
}
else {
return numero_immagine = 0;
}
}
onload=function(){
setInterval("slideshow()",1000);
}
</script>
<![endif]-->
</head>
<body>
<div>
[img]eee/anim1.jpg[/img]
</div>
</body>
</html>
mentre qui sotto l'applicazione alla mia home page e alle mie foto:

codice:
<!--[if lte IE 7]>
<script type="text/javascript">
/*<![CDATA[*/
var numero_immagine = 1 ;
var ultima_immagine = 3 ;
function slideshow(){ 
++numero_immagine;
if (numero_immagine <= ultima_immagine) {
var nome_immagine = document.getElementById("immagine_slideshow");
nome_immagine.src = "immagini/slide" + numero_immagine + ".jpg";
}
else {
return numero_immagine = 0;
}
}
onload=function(){
setInterval("slideshow()",1000);
}
/*]]>*/
</script>
<![endif]-->
codice:
      </div>
      <div id="div3vacanze">
[img]immagini/slide1.jpg[/img]
[img]immagini/slide2.jpg[/img]
[img]immagini/slide3.jpg[/img]
      </div>
    </div>
1)Perché non funziona?!?!

2)A cosa serve "/*<![CDATA[*/"???

Ciao e grazie