Foros del Web » Creando para Internet » HTML »

Como insertar dos hipervinculos en misma imagen HTML

Estas en el tema de Como insertar dos hipervinculos en misma imagen HTML en el foro de HTML en Foros del Web. Buenas tardes desde Sevilla, España. Estoy colaborando con una empresa y remodelando una página web. Voy al caso: tengo puesta una imagen con sustitución al ...
  #1 (permalink)  
Antiguo 22/06/2011, 08:26
 
Fecha de Ingreso: junio-2011
Mensajes: 2
Antigüedad: 5 años, 11 meses
Puntos: 0
Como insertar dos hipervinculos en misma imagen HTML

Buenas tardes desde Sevilla, España.

Estoy colaborando con una empresa y remodelando una página web.
Voy al caso: tengo puesta una imagen con sustitución al pasar el raton por encíma en una de mis celdas de la web, pero me haría falta que esta imagen tuviera dos efectos.
El primero ya lo he conseguido que era simplemente un atributo a href para que al hacer clic me mandara a una URL preestablecida.
El segundo, (aquí viene el marron), es que a la vez que mantiene la primera funcion quiero que al pasar el ratón por encima cargue en un iframe aparte una imagen.

No se como abordar este tema y no se me ocurre ninguna solución, es por ello que acudo a ustedes.
Sin más me despido dandole gracias por adelantado.
Saludos

Javier

PD: si necesitan mas detalles pidanmelos
  #2 (permalink)  
Antiguo 23/06/2011, 07:40
Avatar de maycolalvarez
Colaborador
 
Fecha de Ingreso: julio-2008
Ubicación: Caracas
Mensajes: 12.120
Antigüedad: 8 años, 9 meses
Puntos: 1530
Respuesta: Como insertar dos hipervinculos en misma imagen HTML

es simple, con onclick redireccionas, con onmouseover redireccionas el iframe usando window.open
__________________
¡Por favor!: usa el highlight para mostrar código
El que busca, encuentra...
  #3 (permalink)  
Antiguo 23/06/2011, 10:01
 
Fecha de Ingreso: junio-2011
Mensajes: 2
Antigüedad: 5 años, 11 meses
Puntos: 0
Respuesta: Como insertar dos hipervinculos en misma imagen HTML

Hola!!, muchas gracias por tu respuesta, le veo lógica pero no se con qué codigos ni como implementarla en mi web, aquí debajo te dejo el código con el que he insertado la imagen con su respectiva imagen de sustitución, donde debo indicar que en el mouseover quiero que cargue la imagen en un marco y la ruta de esta?

<a href="http://www.fitodepuracion.com/fitodepuracion.html" target="_blank" onmouseover="MM_swapImage('fitodepuracion','','bot onfitodepuracionactivo.png',1)" onmouseout="MM_swapImgRestore()"><img src="botonfitodepuracionreposo.png" alt="fitodepuracion" name="fitodepuracion" width="235" height="42" border="0" id="fitodepuracion" /></a>

Gracias!!
  #4 (permalink)  
Antiguo 24/06/2011, 17:28
Avatar de maycolalvarez
Colaborador
 
Fecha de Ingreso: julio-2008
Ubicación: Caracas
Mensajes: 12.120
Antigüedad: 8 años, 9 meses
Puntos: 1530
Respuesta: Como insertar dos hipervinculos en misma imagen HTML

ya te di toda la información necesaria, a lo que debes de hacer es consultar un manual de HTML y Javascript para aprender los conceptos básicos, además de investigar como se manejan los eventos y la documentación de la función window.open, disponible con una simple búsqueda.
__________________
¡Por favor!: usa el highlight para mostrar código
El que busca, encuentra...

Etiquetas: hipervinculos
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 12:53.