Foros del Web » Programando para Internet » Javascript » Frameworks JS »

Visualizar imagen grande des de thumbnail

Estas en el tema de Visualizar imagen grande des de thumbnail en el foro de Frameworks JS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 23/02/2010, 09:52
 
Fecha de Ingreso: marzo-2008
Mensajes: 220
Antigüedad: 16 años
Puntos: 0
Pregunta Visualizar imagen grande des de thumbnail

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
  #2 (permalink)  
Antiguo 23/02/2010, 10:11
Avatar de JavierB
Colaborador
 
Fecha de Ingreso: febrero-2002
Ubicación: Madrid
Mensajes: 25.052
Antigüedad: 22 años, 1 mes
Puntos: 772
Hola cocodj69

Muevo tu tema al foro de AJAX desde Web general.

Saludos,
  #3 (permalink)  
Antiguo 23/02/2010, 10:27
 
Fecha de Ingreso: noviembre-2003
Mensajes: 22
Antigüedad: 20 años, 4 meses
Puntos: 1
Respuesta: Visualizar imagen grande des de thumbnail

No se si te abre ententido bien; en una pagina que hice tambien habia varios productos y cuando hacia click en alguno de ellos le pedia a la BD las fotos y descripcion del mismo, pero luego de pedirlos guardaba la respuesta en una variable, algo asi:

var cacheproductos = {};
.....
caheproductos['id']="respuesta del servidor para el producto 'id'";

entonces cuando hago click en un producto primero me fijo si esta en caheproductos:

if (cahceproductos['id'])
{....}
esle //lo cargo de la BD
{
caheproductos['id']="respuesta del servidor para el producto 'id'";
....}

espero que te sirva, saludos!
  #4 (permalink)  
Antiguo 23/02/2010, 10:44
 
Fecha de Ingreso: marzo-2008
Mensajes: 220
Antigüedad: 16 años
Puntos: 0
Respuesta: Visualizar imagen grande des de thumbnail

La idea es buena, pero no utilizo base de datos para almacenar las imagenes. Estan en directorios.

Supongo que antes de ejecutar el script ( JS ) tendré que comprabar si la imagen ya ha sido precargada para así evitar realizar de nuevo la llamada. En caso afirmativo, visualizo la imagen, de lo contrario la obtengo y la precargo para su uso posterior?

Crees que es buena la idea

Muchas grácias por la respuesta!!

Etiquetas: ajax, des, grande, thumbnails
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 19:02.