Photos déroulantes

Photos déroulantes - HTML/CSS - Programmation

Marsh Posté le 25-11-2006 à 14:30:25    

Bonjour,
 
Cette page est doit me permettre de faire dérouler des photos à l'écran mais ça ne fonctionne pas. La première photo s'affiche!
 

Code :
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">
  3. <head>
  4.  <title>ATS</title>
  5.  <meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
  6.  <meta name="description" content="Site WEB" />
  8. <script language="JavaScript">
  9. function objet() {
  10. this.length = objet.arguments.length
  11. for (var i = 0; i < this.length; i++) this[i+1] = objet.arguments[i]
  12. }
  13. var nom = new objet ("001.jpg","002.jpg","003.jpg","004.jpg","005.jpg","006.jpg" );
  14. var numero = 1;
  15. function changer() {
  16. document.image.src = "photos/U12/"+nom[numero];
  17. numero += 1;
  18. if (numero == nom.length + 1) numero = 1;
  19. setTimeout("changer()", 3000);
  20. }
  21. </script>
  23. </head>
  25. <body>
  26. <h1><strong>Photos</strong></h1>
  27. <div id="center"><img src="photos/U12/001.jpg" name="image"><br></div>
  28. </body>
  30. </html>

Reply

Marsh Posté le 25-11-2006 à 14:30:25   

Reply

Marsh Posté le 25-11-2006 à 14:44:14    

  • il faut peut-etre  lancer le script a un moment :s
  • un talbeau à n éléments indexés de 0 a n-1
  • <script type="text/javascript">
  • a quoi sert-il de vouloir manipuler des chaines de caracteres representant les noms de tes images alors que ces noms obeissent a une suite mathematiques des plus basiques et qu'il te suffit donc d'avoir une variable de type entier dont tu te sers de compteur pour recreer les noms de tes fichiers images.
  • accede aux objets de ton document via getElementByID / getElementsByTagName plutot ke document.truc.bidule.machin
  • refait tout :D

Reply

Marsh Posté le 25-11-2006 à 14:49:07    

Je ne refais pas tout, ça c'est sur!
 
Je viens de l'essayer sur un autre hébergeur et ça fonctione.
 
http://www.uqtr.ca/fondation/bourses/2006.php

Reply

Marsh Posté le 25-11-2006 à 14:51:10    

Ca va mieux quand on lance le script c'est sur :s

Reply

Marsh Posté le 25-11-2006 à 14:55:38    

Avec ceci, ça fonctionne mais je ne vois pas pourquoi ça ne fonctionne pas avec l'autre.
 
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
 <head>
  <meta http-equiv="content-type" content="text/html;charset=ISO-8859-1">
  <title>Boursiers de 2005-2006</title>
  <link href="style.css" rel="stylesheet" media="screen">
 
<script language="JavaScript">
function objet() {
this.length = objet.arguments.length
for (var i = 0; i < this.length; i++) this[i+1] = objet.arguments[i]
}
var nom = new objet ("001.jpg","002.jpg", "003.jpg", "004.jpg", "005.jpg", "006.jpg", "007.jpg", "008.jpg", "009.jpg","010.jpg","011.jpg","012.jpg","013.jpg","014.jpg","015.jpg","016.jpg","017.jpg","018.jpg","019.jpg",
"020.jpg","021.jpg","022.jpg","023.jpg","024.jpg","025.jpg","026.jpg","027.jpg","028.jpg","029.jpg",
"030.jpg","031.jpg","032.jpg","033.jpg","034.jpg","035.jpg","036.jpg","037.jpg","038.jpg","039.jpg",
"040.jpg","041.jpg","042.jpg","043.jpg","044.jpg","045.jpg","046.jpg","047.jpg","048.jpg","049.jpg",
"050.jpg","051.jpg","052.jpg","053.jpg","054.jpg","055.jpg","056.jpg","057.jpg","058.jpg","059.jpg",
"060.jpg","061.jpg","062.jpg","063.jpg","064.jpg","065.jpg","066.jpg","067.jpg","068.jpg","069.jpg",
"070.jpg","071.jpg","072.jpg" );
var numero = 1;
function changer() {
document.image.src = "photos/"+nom[numero];
numero += 1;
if (numero == nom.length + 1) numero = 1;
setTimeout("changer()", 4000);
}
</script>
 </head>
 
<body bgcolor="#FFFFFF" background="im/fond.gif" onLoad="changer()">
 <div id="conteneur" align="center">
  <div id="header"><strong>Récipiendaires de l'année 2005-2006</strong></div>
  <div id="centre"><img src="photos/001.jpg" name="image"><br><br></div>
  <!-- <div><img src="images/1.jpg" width="200" height="194" name="image"></div> -->
  <div id="pied">
   <table width="100%" valign="center" border="0">
    <tr>
     <td width="30%" valign="middle"><img align="left"  class="P_g" src="images/logo.gif" border="0"></td>
     <td width="20%" align="center" valign="middle"><strong class="rouge28">Bienvenue</strong></td>
     <td width="30%" valign="middle"><img align="right" class="P_d" src="images/UQTR.gif" border="0"> </td>
    </tr>
   </table>
  </div>
 </div>
 
</body>
</html>

Reply

Marsh Posté le 25-11-2006 à 14:59:09    

Parce que tu ne lances pas le script :s

Message cité 1 fois
Reply

Marsh Posté le 25-11-2006 à 15:20:25    

et puis utilises window.setInterval plutot ke window.timeout dans ton cas

Reply

Marsh Posté le 25-11-2006 à 18:01:53    

afbilou a écrit :

Parce que tu ne lances pas le script :s


 
J'ai mis le code intégralement et ça fonctionne alors pourquoi parler de lancer quelques choses.

Reply

Marsh Posté le 25-11-2006 à 18:04:20    

Ta fonction objet() n'est jamais appelée... Si tu l'appeles pas, comment tu veux qu'elle s'exécute ?

Reply

Marsh Posté le 25-11-2006 à 18:06:00    

C'est pas toi qui te plains que rien ne se passe sur la page de ton premier post ???
La réponse est que tu ne lances pas le script :s Ca parait con ... mais tu te contentes de definir des variables et des fonctions :s
Le navigateur n'est pas du genre a prendre des decisions tout seul ... il faut l'aider un minimum :s

Reply

Marsh Posté le 25-11-2006 à 18:06:00   

Reply

Marsh Posté le 25-11-2006 à 18:13:30    

ok, je comprends mon erreur! Merci!

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed