Resulta que tengo un catalogo de productos en el que un mismo producto tiene varios colores, puedo hacer que se despliegue una imagen y que al pasar el mouse sobre unas miniaturas se cambie la imagen grande, es decir, la imagen principal es la que se selecciona con el mouse y lo hago asi:
IMG principal
Código:
Las miniaturas la cambian asi:<img src="<%=imagen%>" name="centro" id="centro" width="200" border="0">
Código:
Ahora, lo que quiero es que al darle click sobre la imagen principal me envie la informacion de la imagen a mostrar para abrir un popup que tengo que se ajusta al tamaño de la imagen, el llamado debe ser algo asi:<img src="<%=rsi("url")%>" width="50" name="mini<%=cuenta%>" id="mini<%=cuenta%>" onmouseover="document.centro.src='<%=rsi("url")%>'">
onclick=javascript:afoto('<%=rsi("url")%>')
donde <%=rsi("url")%> es lo que viene siendo la URL de la imagen, si lo pongo asi como lo tengo siempre me habre la imagen que se carga originalmente y no la que se ha seleccionado
Mas que nada lo que requiero es que la etiqueta <A> de la imagen principal tome el valor dinamico de la etiqueta <IMG>
Sin ASP quedaria algo asi:
<a href="#" onclick=javascript:afoto('foto1.jpg')><img src="foto1.jpg" name="centro" id="centro" width="200" border="0"></a>
El script para abrir la ventana lo estoy intentado asi:
Código:
Pero no funcionafunction afoto(cual,titulo) { if(cont==1){ventana.close();ventana=null} if(titulo==null){titulo=titulopordefecto} var imagen=document.centro.src.value; ventana=window.open(imagen,'ventana','resizable=yes,sc rollbars=no') ventana.document.write('<html><head><title>' + titulo + '</title></head><body style="overflow:hidden" marginwidth="0" marginheight="0" topmargin="0" bottommargin="0" leftmargin="0" rightmargin="0" scroll="no" onUnload="opener.cont=0"><img src="' + cual + '" onLoad="opener.redimensionar(this.width, this.height)">') ventana.document.close() cont++ }
espero me haya explicado y sobretodo que me puedan ayudar, gracias