Probleme de diaporama en java script

Résolu
Bonjour,
je suis entrain de créer un site pour mes cours et j'ai un probleme de diaporama en java sript
le diaporama s'affiche mais pas les photo je ne comprend pas
voici mon code cource:

<html>
<head><title>l'histoire résumée</title>
<body>
<div id="zone">
<script type="text/javascript">
couv = new Array;
couv[0] = '/monsite/"654".jpg';
couv[1] = '/monsite/"258".jpg';
couv[2] = '/monsite/"789".jpg';
couv[3] = '/monsite/"951".jpg';

num = 2;
function ChangeImage()
{
if (num == -1) { num = (couv.length-1)}
if(document.getElementById)
{
document.getElementById("zone").innerHTML ='<img src="'+ couv[num] + '"> ';
num = num-1
}
setTimeout("ChangeImage()", 2000);
}
window.onload = ChangeImage;
//-->

</script>
</div>

<body>
La turquie était avant l'empire bizantin....
</body>
</html>

et aussi le lien de la page
http://pagesperso-orange.fr/iciturquie/premierframe.html
Configuration: Windows XP
Internet Explorer 7.0

6 réponses

  1. je te remercie ca fonctionne a merveille voile lien ci tu veut
    http://pagesperso-orange.fr/iciturquie/premierframe.html
    1. Contributeur
      C est un probleme de lien relatif !!! corrige le !

      parceque en absolute ca fonctionne ::!!!

      essaye ca tu veras :-))

      <html>
      <head><title>l'histoire résumée</title>
      <body>
      <div id="zone">
      <script type="text/javascript">
      couv = new Array;
      couv[0] = 'http://pagesperso-orange.fr/iciturquie/photos/654.jpg';
      couv[1] = 'http://pagesperso-orange.fr/iciturquie/photos/258.jpg';
      couv[2] = 'http://pagesperso-orange.fr/iciturquie/photos/789.jpg';
      couv[3] = 'http://pagesperso-orange.fr/iciturquie/photos/951.jpg';
      
      num = 2;
      function ChangeImage()
      {
      if (num == -1) { num = (couv.length-1)}
      if(document.getElementById)
      {
      document.getElementById("zone").innerHTML ='<img src="'+ couv[num] + '"> ';
      num = num-1
      }
      setTimeout("ChangeImage()", 2000);
      }
      window.onload = ChangeImage; 
      
      </script>
      </div>
      
      
      <body>
      La turquie était avant l'empire bizantin....
      </body>
      </html> 
      


      RAD
      1. voici la nouvel page
        <html>
        <head><title>l'histoire résumée</title>
        <body>
        <div id="zone">
        <script type="text/javascript">
        couv = new Array;
        couv[0] = '/photos/654.jpg';
        couv[1] = '/photos/258.jpg';
        couv[2] = '/photos/789.jpg';
        couv[3] = '/photos/951.jpg';

        num = 2;
        function ChangeImage()
        {
        if (num == -1) { num = (couv.length-1)}
        if(document.getElementById)
        {
        document.getElementById("zone").innerHTML ='<img src="'+ couv[num] + '"> ';
        num = num-1
        }
        setTimeout("ChangeImage()", 2000);
        }
        window.onload = ChangeImage;
        //-->

        </script>
        </div>
        La turquie était avant l'empire bizantin....
        </body>
        </html>
        1. Contributeur
          TU est sur que le lien vers tes images est bon ??? les " sont bizare !!!

          le script fonctionne en tout cas !!
          essaye comme ca ?
          couv = new Array;
          couv[0] = '/monsite/654.jpg';
          couv[1] = '/monsite/258.jpg';
          couv[2] = '/monsite/789.jpg';
          couv[3] = '/monsite/951.jpg';
          
          num = 2;
          function ChangeImage()
          {
          if (num == -1) { num = (couv.length-1)}
          if(document.getElementById)
          {
          document.getElementById("zone").innerHTML ='<img src="'+ couv[num] + '"> ';
          num = num-1
          }
          setTimeout("ChangeImage()", 2000);
          }
          window.onload = ChangeImage; 


          RAD
          1. pour info le <body> au dessus de La turquie était avant l'empire bizantin.... a était corriger mais ca ne marche toujours pas
            de l'aide svp
            merci