Supongo que buscas hacer algo como
esto. Pues, ya que estamos en el sub-foro de jQuery, solamente tendrías que ejecutar una función al momento de darle un clic a cualquiera de las imágenes. Dicha función mostrará un elemento contenedor inicialmente oculto y al cual le asignarás como fondo la ruta de la imagen a la que le acabas de dar clic. Si utilizas una ruta para el
thumbnail y otra para la imagen de tamaño original, entonces deberías de almacenar la ruta de la imagen de tamaño original en algún pseudo-atributo y luego lo recogerías con el método
data
.
Código HTML:
Ver original<img src = "img-thumbnail.jpg" data-original = "img-original.jpg" />
Código Javascript
:
Ver original$(".thumbnail").click(function(){
var original = $(this).data("original");
//El resto de instrucciones
});
Saludos