Memorama pareja de imágenes
Como puedo terminan este código.. Necesito alguna comparación de las cartas para que si no son = se volten y si fueran = se queten hacia arriba... No se mucho.. Me podría explicar por favor
<html>
<head>
<style type="text/css"> //cursor manita grande
<!--
.memorama img{
cursor: hand;
cursor: pointer;
}
-->
</style>
<script type="text/javascript">
Memorama = new Array("1.jpg", "2.jpg", "3.jpg", "4.jpg", "5.jpg", "6.jpg", "7.jpg", "8.jpg", "9.jpg", "10.jpg", "11.jpg", "12.jpg", "13.jpg", "14.jpg","15.jpg","16.jpg")
function vuelta(obj) {
var nombre = obj.name;
if (obj.src.indexOf("colores.jpg") >= 0)// Si estaba del revés
obj.src = memorama[nombre-1];// Se muestra la carta
else // sino
obj.src = "colores.jpg" // se muestra el revés
}
</script>
</head>
<body>
<table class="memorama" border="0" cellspacing="0" cellpadding="5">
<tr>
<td><img name="1" src="colores.jpg" width="145" height="145" alt="" onClick="vuelta(this)"></td>
<td><img name="2" src="colores.jpg" width="145" height="145" alt="" onClick="vuelta(this)"></td>
<td><img name="3" src="colores.jpg" width="145" height="145" alt="" onClick="vuelta(this)"></td>
<td><img name="4" src="colores.jpg" width="145" height="145" alt="" onClick="vuelta(this)"></td>
<td><img name="5" src="colores.jpg" width="145" height="145" alt="" onClick="vuelta(this)"></td>
<td><img name="6" src="colores.jpg" width="145" height="145" alt="" onClick="vuelta(this)"></td>
<td><img name="7" src="colores.jpg" width="145" height="145" alt="" onClick="vuelta(this)"></td>
<td><img name="8" src="colores.jpg" width="145" height="145" alt="" onClick="vuelta(this)"></td>
</tr>
<tr>
<td><img name="14" src="colores.jpg" width="145" height="145" alt="" onClick="vuelta(this)"></td>
<td><img name="13" src="colores.jpg" width="145" height="145" alt="" onClick="vuelta(this)"></td>
<td><img name="7" src="colores.jpg" width="145" height="145" alt="" onClick="vuelta(this)"></td>
<td><img name="11" src="colores.jpg" width="145" height="145" alt="" onClick="vuelta(this)"></td>
<td><img name="15" src="colores.jpg" width="145" height="145" alt="" onClick="vuelta(this)"></td>
<td><img name="12" src="colores.jpg" width="145" height="145" alt="" onClick="vuelta(this)"></td>
<td><img name="3" src="colores.jpg" width="145" height="145" alt="" onClick="vuelta(this)"></td>
<td><img name="16" src="colores.jpg" width="145" height="145" alt="" onClick="vuelta(this)"></td>
</tr>
<tr>
<td><img name="10" src="colores.jpg" width="145" height="145" alt="" onClick="vuelta(this)"></td>
<td><img name="9" src="colores.jpg" width="145" height="145" alt="" onClick="vuelta(this)"></td>
<td><img name="6" src="colores.jpg" width="145" height="145" alt="" onClick="vuelta(this)"></td>
<td><img name="5" src="colores.jpg" width="145" height="145" alt="" onClick="vuelta(this)"></td>
<td><img name="1" src="colores.jpg" width="145" height="145" alt="" onClick="vuelta(this)"></td>
<td><img name="14" src="colores.jpg" width="145" height="145" alt="" onClick="vuelta(this)"></td>
<td><img name="10" src="colores.jpg" width="145" height="145" alt="" onClick="vuelta(this)"></td>
<td><img name="2" src="colores.jpg" width="145" height="145" alt="" onClick="vuelta(this)"></td>
</tr>
<tr>
<td><img name="15" src="colores.jpg" width="145" height="145" alt="" onClick="vuelta(this)"></td>
<td><img name="16" src="colores.jpg" width="145" height="145" alt="" onClick="vuelta(this)"></td>
<td><img name="4" src="colores.jpg" width="145" height="145" alt="" onClick="vuelta(this)"></td>
<td><img name="12" src="colores.jpg" width="145" height="145" alt="" onClick="vuelta(this)"></td>
<td><img name="8" src="colores.jpg" width="145" height="145" alt="" onClick="vuelta(this)"></td>
<td><img name="11" src="colores.jpg" width="145" height="145" alt="" onClick="vuelta(this)"></td>
<td><img name="9" src="colores.jpg" width="145" height="145"...