Código Javascript
:
Ver original$(".imagenes_pequeñas").click(function(){
var seleccionada = this.id;
})
$(".cuadros_grandes").click(function(){
if(seleccionada == this.id + "_celda"){
$(this).html("<img src='"+this.id+".jpg' />")
} else {
alert("imagen incorrecta!")
}
})
Con jquery todo lo que quieres hacer es usando ese codigo.
Simplemente tienes que usar las clases mencionadas(
.cuadros_grandes e
.imagenes pequeñas ); colocarle los IDS correspondientes (por ejemplo la imagen grande tiene id
vaca entonces la pequeña debe tener id
vaca_celda ). Y la imagen que tienes grande debe tener el mismo nombre (en el caso del ejemplo seria
vaca.jpg)