Vinculo en una imagen

[jdelrioj]

Hola buenas, mi problemas es el siguiente.
Tengo unas imagenes en miniatura que pulsando en cada una se abre una en grande, pues esa grande quiero que a su vez sea un hipervinculo a esa mismo mas grande

gracias un saludo.

[David]

Puedes ponerla dentro de un vínculo. ¿Cómo haces para mostrar esa imagen más grande?

[jdelrioj]

quiero saber en que parte poner el vinculo

[buzu]

al rededor de la imagen <a href="imagen.jog"><img src="imagen" /></a>

[jdelrioj]

ojala fuera tan facil, esque esta dentro de javascript y eso no va
necesito una funcion que segun sea la imagen pues asi sera el vinculo

[buzu]

ojala fuera tan facil, esque esta dentro de javascript y eso no va
necesito una funcion que segun sea la imagen pues asi sera el vinculo

Estoy seguro que es muy fácil de hacer, pero mientras no expliques bien que es lo que quieres lo difícil es ayudarte. Por que no nos explicas mejor y nos das todos los detalles así nos vamos mas rápido con este temas, pues como vez, cuando no explicas bien uno te da una respuesta y al final no es la que te hace falta. Dinos exactamente que es lo que quieres y que es lo que hasta ahora tienes y acá te damos una manita.

Saludos.

[jdelrioj]

Pues mira tengo una imagen que a traves de otras tantas en miniatura, picando en las de miniatura se va cambiando esa imagen, eso lo tengo
Y quiero que esa imagen que va cambiando tenga un vinculo
Como no va a ser siempre la misma pues no puedes poner un vinculo pk cuando cambie a otra imagen no correspondera
A ver si me e explicado un poco mejor

[David]

Para empezar, sería útil que sepamos cómo haces para insertar la imagen... depende de eso para ponerle un vínculo.

[jdelrioj]

Pues tengo tres funciones
primera, segunda y tercera
en cada una hay una imagen

Despues para las miniaturas a cada una de ellas le pongo <a href="#" onClick="funcion();">imagen</a>

y la imagen quiero que tenga un hipervinculo para agrandarla mas todavia

[David]

¿Podrias poner el código de una de esas funciones?.

P.S.: ¿Por qué mejor no usas una sola función que de acuerdo a un parámetro cargue una u otra imagen?.

[jdelrioj]

hay un array de imagenes no??
y en la funcion primera por ejemplo dentro esto

document.imgSrc.src = "/imagen";

donde puedo poner el hipervinculo ahí

[David]

Entiendo, así que en la misma imagen pequeña que tiene el vínculo a la imagen mayor, colocas la imagen más grande. Lo que puedes hacer es colocar en el onClick de tu vínculo otra función que redireccione a la página a la que deseas apuntar. El problema es, ¿cómo haces para volver a la imagen pequeña?

[jdelrioj]

lo que quiero saber es como seria la funcion para el vinculo
igual que para la imagen era document.imgSrc.src
para un vinculo como es y como la pongo en el onClick

Muchas gracias

[David]

Para el vínculo sería:

Código PHP:

  document.location.href = 'http://www.pagina.com/'  
   

Aunque te recomiendo no hacerlo así, mi idea sería colocarlo directamente en el href del vínculo, luego en el onClick pones return false para cancelar la acción del Click al cargar la imagen más grande, y al hacerlo, cambiar el onClick por return true. Así tenga o no tenga javascript podrá acceder al vínculo...

[jdelrioj]

Me puedes poner como seria el código??

[David]

Como te dije, en el href del tag <a> coloca la página a la que deseas ir, luego en el onclick llamas a la función para cambiar la imagen pero al lado coloca return false para que no siga el enlace. Después, dentro de la función para cambiar la imagen colocas:

Código PHP:

  document.getElementById('enlace').onclick = function() { return true }  
   

En el ejemplo el vínculo <a> tiene un Id con nombre 'enlace', puedes cambiarlo por el id que tengas en tu enlace.

[jdelrioj]

todo esto dentro del <a> no?? y entonces no tengo que hacer ninguna funcion para el enlace no??

Lo siento esq no me entero muy bien

[David]

El código que te puse debes poner dentro de la función para cambiar la imagen. Y sí, poniendo ese código no es necesario poner nada más para el enlace ya que el enlace ya está en el <a> que quedaría más o menos así:

Código PHP:

  <a id='enlace' href='http://www.pagina.com/' onClick='cambioimagen();return false'>imagen</a>  
   

¿Entiendes? El enlace ya está en el <a> solo que al hacer click en él la primera vez no entra al enlace ya que cancelamos la acción con return false, pero después hacemos que sí pase al enlace colocando return true.

[jdelrioj]

ah vale muchas gracias ya entiendo, lo que pasa esk no kiero k se agrande desde la miniatura la miniatura solo hace que se cambie la imagen y cuando le piques en esa imagen ya cambiada esta imagen se ve en grande