Bonjour a tous et merci de vos commentaires
ET de vos votes.

Voici une version qui n'utilise pas de valeur égale.
En fait suivant l'idée de Mianne de la table de multiplication.

http://macgile.free.fr/jeuxCarte/index.html

Il peut facilement être adapté pour la traduction aussi.

Il faut juste modifié la fonction Donne()

voir les corrections plus haut dans le code.

Dans la fonction  InitCarte()
    for(x=0; x < colTd.length; x++)
    {
      colTd[x].style.backgroundImage = "";
      colTd[x].innerHTML = "";
      colTd[x].className = "Back";
    }

-----------------------------------------

Dans la fonction ResetChoix(objID, objLast)

  objID   = document.getElementById(objID);
  objLast = document.getElementById(objLast);

  // Images Vide
  objID.innerHTML               = "";
  objLast.innerHTML             = "";
  objID.style.backgroundImage   = "url(Back.jpg)";
  objLast.style.backgroundImage = "url(Back.jpg)";

  // Classe Back
  objID.className               = "Back";
  objLast.className             = "Back";
  Tirage                        = true;
-----------------------------------------

dans la fonction Jouer(objID)
if(LastCarte == null)
    {
    
      objID.className = "Front";
      objID.style.backgroundImage = "url(Blanc.jpg)";
      objID.innerHTML = ArrayDonne[objID.id];
      LastCarte       = objID;
      Tirage          = true;
    }
  ... suite du code

juste dessous  toujours dans la fonction Jouer(objID)
et dans la condition:
if(LastCarte.id != objID.id && objID.className != "Front")
      {
        // Retourne la Carte et Affiche sa Valeur/Image
        objID.className = "Front";
        objID.style.backgroundImage = "url(Blanc.jpg)";
        objID.innerHTML = ArrayDonne[objID.id];
        ... suite du code

Et enfin dans les Classes Css:
.cartes, .Back, .Front, .Perdu{
text-align:center;
vertical-align:middle;
background-color: white;
  background-repeat: no-repeat;
  background-position: center center;
  border: 0px solid gray;
  background-image: url(Blanc.jpg);
  cursor: pointer;
.... suite classe inchangé

Pour moi avec ces changements ça marche.
Macgile

grrr
encore un oubli toujours pour les classes CSS
ajoute aussi:
background-image: url(Blanc.jpg);

je ne sais pas pourquoi le simple fait de changer la classe dans IE/Firefox ne change pas l'image de fond
même si celle-ci est definie dans la classe approprié
Blanc.jp pou la classe Front
et Black.jpg pour la classe Back.

Les autres image de fond étant définie dynamiquement.
peut-être est-ce cela qui couille,
les background-images change pour la class Front.
mais bizarrement pas celle de la class Back.

macgile

j'ai oublié pour le css dans les classes
ajoute:
text-align:center;
vertical-align:middle;
background-color: white;

Sinon le texte ne seras pas centré.

Salut Brm200600

voici les modifications a faire:
si tu joue avec plus de 9 cartes il faut modifier
la fonction Donne() que j'ai corrigé (voir le code).

pour le CSS

Tu doit avec un editeur d'image ouvrir l'une des cartes  par exemple F.jpg
remplacer le dessin qui est au centre (le papillon pour F.jpg)
par du blanc et sauvegarder sous Blanc.jpg.

Ajoute pour les classes css:.cartes, .Back, .Front, .Perdu
ceci:
background-image: url(Blanc.jpg);

Ensuite pour les mots:
dans le tableau ArrayCartes tu saisie les mots que tu veux
var ArrayCartes = new Array("toto", "popo", "blabla", "tata");

Ensuite dans la fonction InitCarte()
Ajoute:
colTd[x].innerHTML = "";

Dans la fonction ResetChoix(objID, objLast)
objID.style.backgroundImage   = "";
objLast.style.backgroundImage = "";
Devient:
objID.style.backgroundImage   = "url(Back.jpg)";
objLast.style.backgroundImage = "url(Back.jpg)";

Ajoute juste aprés les deux ligne ci-dessus:
objID.innerHTML               = "";
objLast.innerHTML             = "";

Pour Finir:
dans la fonction Jouer(objID)
Remplace partout ou il y a:
objID.style.backgroundImage = "url("+ArrayDonne[objID.id]+".jpg)";
par
objID.style.backgroundImage = "url(Blanc.jpg)";

Et Ajoute (la ou il y a les lignes ci-dessus):
objID.innerHTML = ArrayDonne[objID.id];

et voila :)

j'ajouterais, qu'un bon developpeur est celui qui
fait en quelques lignes ce que d'autres font en mille lignes pour (peut-être) faire la demonstration de leur talent.

Ce commentaire n'inplique que moi.

macgile

Super :) Enfin un code simple et parfaitement fonctionnel pour des banniéres défilantes.

Car sur le net certain applique le proverbe
"Pourquoi faire simple, quant-ont peux faire compliqué"

bonne continuation,
macgile