[Résolu] Jeu "memory", hébergement des images sur un site?

Dernière réponse : 16 Janvier 2006 17:37 dans Programmation

mauriiiice

16 Janvier 2006 16:46:56

Bonjour à tous,

Voila le script d'un jeu de mémoire avec des images qui sont dans le même répertoire que les deux pages .html. J'aimerais faire en sorte que les images soient hébergé sur Internet pour que le jeu ne se compose plus que de deux pages .html.

Je ne suis pas sur de moi pour modifier le code.

Merci de votre aide

<html>

<head>

<script language="JavaScript">

 
 
function nb_aleatoire(nb)

{

nombre= Math.floor(Math.random() * nb)+1;

}

 
 
nbc=12

non_im="Mimag" //début du nom des image => nomimage(n°).gif

 
 
tirage = new Array;

place = new Array;

choix=0;nbim2=0;nbim3=0;

choixim=1

gain=0;

nombres="";

divs=nbc/2;

nb=nbc+1;

cpt=0;

 
 
for (i=1 ;i<nb ;i++)

{

   nb_aleatoire(nbc);

   tirage[i]= nombre;

   for (t=1 ; t<i ;t++){

      if (tirage[t]==nombre)

         {

            i=i-1;

         }

      }

}

 
 
for (i=1 ;i<nb ;i++)

{

   if (tirage[i]>divs)

      nbtire=tirage[i]-divs;

      else nbtire=tirage[i];

      place[i]=nbtire;

}

 
function change_im(nbim) { //

   if (place[nbim] !=0) {

      if (nbim==nbim2) nbim=0;

      else{

         if (nbim==nbim3) nbim=0;

         else{

            if (choixim==3)

               {

                  if (val1==val2) {efface(nbim2);efface(nbim3);gain++;}

                  else {no_efface(nbim2);no_efface(nbim3);}

                  choixim=1;nbim3=0

               }

            if (choixim==1) {nbim2=nbim;val1=place[nbim];choix++;}

            if (choixim==2) {nbim3=nbim;val2=place[nbim];}

            choixim++;

         }

     }

       document.images[nbim-1].src = non_im+place[nbim]+".gif";

      if (choixim==3){

            if (gain==divs-1) {

               setTimeout("efface(nbim2);efface(nbim3);document.images[1].src = 'gagne.gif';",500);gain++;

            }

      }

      document.form1.result.value = choix

   }

}

 
function efface(eff) {

   document.images[eff-1].src = non_im+"00.gif";

   place[eff]=0;

}

 
function no_efface(eff) {

   document.images[eff-1].src = non_im+"0.gif";

}

 
 
</script>

</head>

<body>

<script language="JavaScript">

 
 
   document.write('<table border="0" align="center">');

   for (i=1 ;i<(nbc/4)+1 ;i++){

      document.write('<tr>');

      for (t=1 ;t<5 ; t++){

         cpt++;

         document.write('<td><a href="#" onClick="change_im('+(cpt)+')"><img src="'+non_im+'0.gif" width="99" height="99" border="0"></a></td>');

      }

      document.write('</tr>');

   }

   document.write('</table><p> </p>'+

'<form name="form1">'+

'<table width="520" border="0" align="center" bgcolor="#99FFFF">'+

'<tr><td width="200" align="center">'+

'Nombre de coups '+

'<input name="result" type="text" id="result2" size="5">'+

'</td><td width="100" align="center">'+

'<input type="button" name="Submit" onClick="window.location=\'memory.html\'" value="Rejouer">'+

'</td><td align="center">'+

'<input type="button" name="Submit" onClick="window.location=\'index.html\'" value="Quiter">'+

'</td></tr><tr>'+

'<td colspan="3">Le but du jeu est de retourner '+

'les cartes 2 par 2, afin de trouver les cartes identiques</td>'+

'</tr></table></form>');

 
</script>

</body>

</html>