Foros del Web » Creando para Internet » HTML »

Link en imagen agrandada

Estas en el tema de Link en imagen agrandada en el foro de HTML en Foros del Web. Buenas, no me deja aplicar un link en una imagen que se agranda. El tema es que quiero que al pasar el ratón por la ...
  #1 (permalink)  
Antiguo 29/07/2011, 04:59
 
Fecha de Ingreso: julio-2011
Mensajes: 4
Antigüedad: 6 años, 2 meses
Puntos: 0
Link en imagen agrandada

Buenas,

no me deja aplicar un link en una imagen que se agranda.
El tema es que quiero que al pasar el ratón por la imagen se agrande (eso ya lo tengo hecho) pero que cuando haga click en la imagen me mande a otra página.

Lo aplico con dreamweaver pero pasa de mi cara!

la web:
www.lacasadecoko.org.es y lo de la imagen está a la barra lateral izquierda (la penúltima) la que pone recogida d e cartuchos!

gracias
  #2 (permalink)  
Antiguo 29/07/2011, 06:25
Avatar de IsaBelM
Colaborador
 
Fecha de Ingreso: junio-2008
Mensajes: 5.032
Antigüedad: 9 años, 4 meses
Puntos: 1010
Respuesta: Link en imagen agrandada

un vinculo, tal que así
Cita:
<a href="url" target="_blank"><img src="imagesweb/cartuchos_001.jpg"></a>
  #3 (permalink)  
Antiguo 29/07/2011, 09:15
 
Fecha de Ingreso: julio-2011
Mensajes: 4
Antigüedad: 6 años, 2 meses
Puntos: 0
Respuesta: Link en imagen agrandada

según el link que tengo puesto, la parte "url" está puesta pero no activada:

<p><a href="cartuchos.html" target="_blank"><a class="thumbnail" href="#thumb"><img src="imagesweb/cartuchos_001.jpg" width="120" border="0" /><span><img src="imagesweb/cartuchos_001.jpg" />
  #4 (permalink)  
Antiguo 29/07/2011, 09:41
 
Fecha de Ingreso: julio-2011
Mensajes: 56
Antigüedad: 6 años, 3 meses
Puntos: 5
Respuesta: Link en imagen agrandada

me parece un poco raro como lo haces tienes un vinculo dentro de otro sin cerrar el primero no se lo veo raro pero aun asi puedes intentar lo siguiente :
<p><a href="cartuchos.html" target="_blank" class="thumbnail" href="#thumb">
<img src="imagesweb/cartuchos_001.jpg" width="120" border="0" />
<span><a href="cartuchos.html">
<img src="imagesweb/cartuchos_001.jpg" border="0" />
</a>
</span>
</a>

si te das cuenta la imagen que supongo que muestras en grande es la que esta en el span, pero dentro de el no tienes el vinculo, he puesto el borde a cero para que no aparezca.
  #5 (permalink)  
Antiguo 29/07/2011, 14:29
Avatar de IsaBelM
Colaborador
 
Fecha de Ingreso: junio-2008
Mensajes: 5.032
Antigüedad: 9 años, 4 meses
Puntos: 1010
Respuesta: Link en imagen agrandada

el css sería algo como esto
Cita:
.thumbnail{ position: relative; z-index: 0; }
.thumbnail:hover + a img, a img:hover { display: block; z-index: 50; position: relative; top: -50px;}
a img { display: none;}
y el html
Cita:
<img src="imagesweb/cartuchos_001.jpg" class="thumbnail" width="120px" border="0" />
<a href="url" target="_blank"><img src="imagesweb/cartuchos_001.jpg" /></a>

Etiquetas: link
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 05:31.