Foros del Web » Programando para Internet » Javascript »

Cambiar Imagen y link al hacer click

Estas en el tema de Cambiar Imagen y link al hacer click en el foro de Javascript en Foros del Web. Pues tengo el siguiente codigo, la primer parte me muestra una imagen del producto y al hacer click abre la imagen 520824.jpg y la ajusta ...
  #1 (permalink)  
Antiguo 30/05/2005, 12:42
Avatar de tyo100  
Fecha de Ingreso: febrero-2005
Ubicación: Monterrey, NL
Mensajes: 475
Antigüedad: 19 años, 2 meses
Puntos: 1
Pregunta Cambiar Imagen y link al hacer click

Pues tengo el siguiente codigo, la primer parte me muestra una imagen del producto y al hacer click abre la imagen 520824.jpg y la ajusta al tamaño de pantalla utilizo esta FAQ

Código HTML:
<a href="#" onClick="afoto('/producto/520824.jpg','Recubrimiento Vagli');
return false" onmouseover="window.status=''Recubrimiento Vagli'; return true" 
onmouseout="window.status=''">
<img src="/producto/small_520824.jpg" id="im" border="0" width="250" 
alt="Recubrimiento Vagli">
</a> 
La segunda parte que muestro cambia la imagen del articulo por el azul o el verde, pero tambien quisiera poder cambiar la imagen de tamaño grande, la que va en esta parte de texto

onClick="afoto('/producto/520824.jpg','Recubrimiento Vagli');

al dar click por ejemplo en verde que muestre

onClick="afoto('/producto/520826.jpg','Recubrimiento Vagli Verde');

Código HTML:
<a href="#" onclick= "document.getElementById
('im').src='/producto/small_520825.jpg'" /> Vagli Azul</a><br>

<a href="#" onclick= "document.getElementById
('im').src='/producto/small_520826.jpg'" /> Vagli Verde</a><br>
</a> 
Gracias
  #2 (permalink)  
Antiguo 30/05/2005, 16:35
Avatar de tyo100  
Fecha de Ingreso: febrero-2005
Ubicación: Monterrey, NL
Mensajes: 475
Antigüedad: 19 años, 2 meses
Puntos: 1
De acuerdo Al fin

Al fin lo logre, con un poco de empeño, buscar, relacionar tips de aqui tips de haya lo logre

Código HTML:
<a href="javascript:afoto('/producto/520824.jpg','Recubrimiento Vagli');
return false" onmouseover="window.status=''Recubrimiento Vagli'; return true" 
onmouseout="window.status=''" id="link">
<img src="/producto/small_520824.jpg" id="im" border="0" width="250" 
alt="Recubrimiento Vagli">
</a> 
Asi que funciono con esto

Código HTML:
<a href="#" onclick= "document.getElementById
('im').src='/producto/small_520825.jpg';document.getElementById('link').href='javascript:afoto(\'/producto/520825.jpg\',\'Recubrimiento Vagli\')';"/> Vagli Azul</a><br>

<a href="#" onclick= "document.getElementById
('im').src='/producto/small_520826.jpg';document.getElementById('link').href='javascript:afoto(\'/producto/520826.jpg\',\'Recubrimiento Vagli\')';"/> Vagli Verde</a><br>
</a> 
solo se copia el codigo de href a el link pero se tiene que especificar \'imagen\' si no se confunde con tantas comillas, tal vez hay una manera mas simple pero a mi me sirvio esto saludos
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 11:11.