Enlace con IMG src dinamico

sjam7 · #1 (**permalink**) 24/10/2005, 14:40

Hola maestros, a ver si me puedo explicar:

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:

<img src="<%=imagen%>" name="centro" id="centro" width="200" border="0">

Las miniaturas la cambian asi:

Código:

<img src="<%=rsi("url")%>" width="50" name="mini<%=cuenta%>" id="mini<%=cuenta%>" onmouseover="document.centro.src='<%=rsi("url")%>'">

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:

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:

function 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++
}

Pero no funciona

espero me haya explicado y sobretodo que me puedan ayudar, gracias

sjam7 · #2 (**permalink**) 24/10/2005, 14:54

Bueno, antes que nada una disculpa, creo...creo que ya lo solucione asi:
poniendo el enlace asi <a href="#" onClick="javascript:afoto(document.centro.src);">

tenia mal el script, es asi:

Código:

 function afoto(cual,titulo)
{
if(cont==1){ventana.close();ventana=null}
if(titulo==null){titulo=titulopordefecto}
ventana=window.open(cual,'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++
}

Digo, por si a alguien le sirve o si alguien ve algo mal me diga