Estoy desarrolando una aplicación para vender artículos. Al visualizar la información de cada artículo muestro una imagen grande por defecto y 4 thumbnails. Actualmente cuando hago click en los thumbnails ejecuto un script ( AJAX ) para que la imagen grande pase a ser la seleccionanada:
var im = document.getElementById("mainImage");
ajax.open("get", "../imagen.php?id="+id+"&file="+file+"&width="+width+" &height="+height, true);
ajax.setRequestHeader('Content-Type', "application/x-www-form-urlencoded");
var source = "../imagen.php?id="+id+"&file="+file+"&width="+width+" &height="+height;
im.src=source;
El problema es que cada vez que hago click se ejecuta el script. Me gustaria que una vez una imagen grande ya ha sido visualizada, esta se cargue en JAVASCRIPT, y así no tener que volver a ejecutar el script.¿es posible?
Ejemplo:
http://www.swoopo.es/subasta/televis...00/288264.html
Podeís ver como la primera vez le cuesta bastante en visualizar la imagen pero el segundo click ya es instantaneo.
Espero me ayudes. Grácias