Foros del Web » Programando para Internet » Javascript »

Como poner un enlace a una imagen...

Estas en el tema de Como poner un enlace a una imagen... en el foro de Javascript en Foros del Web. No puedo poner un link a las imagenes de este script y ay me estoy volviendo loco... Me dan una mano? Código PHP: <! DOCTYPE html  ...
  #1 (permalink)  
Antiguo 11/09/2010, 18:42
 
Fecha de Ingreso: noviembre-2006
Mensajes: 169
Antigüedad: 14 años, 8 meses
Puntos: 0
Como poner un enlace a una imagen...

No puedo poner un link a las imagenes de este script y ay me estoy volviendo loco...

Me dan una mano?


Código PHP:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<
html xmlns="http://www.w3.org/1999/xhtml">
<
head>
<
meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<
title>Documento sin t&iacute;tulo</title>
 
<
script
var 
directorio=""
var 
indice=0
var 
miarray=new Array("http://www.revolucion7.com/wp-content/uploads/2009/10/liderazgo_lumaxart_ccbysa-300x300.jpg""http://www.ps3attitude.com/wp-content/uploads/2008/10/guitar_hero_kiss_gene_simmonds-300x300.jpg""http://www.absolutgerona.com/wp-content/uploads/2009/10/pelea1-300x300.gif"); 
var 
miarray_txt=new Array("http://www.google.com","http://www.youtube.com","http://www.yahoo.com"); 
function 
precarga(){ 
for(
i=0;i<miarray.length;i++){ 
eval(
"imagen"+i+"=new Image();"); 
eval(
"imagen"+i+".src=" "\"" +directorio+miarray[i]+"\";"); 


function 
cambia(como){ 
if(
como=='menos'){ 
indice--;}else{indice++;} 
if (
indice 0indice miarray.length 1
if (
indice miarray.length-1indice 0
document.getElementById("cama").src=directorio+miarray[indice]; 
document.getElementById('leyenda').firstChild.nodeValue = (indice+1) + " de " miarray.length
 

</script> 
 
 
</head>
 
<body>
 
 
 
<div style="width:300px; height:auto; border:1px #00FF66 solid;">
 
      <script>precarga();</script>
                    
                         <div align="center">
                        <img src="http://www.revolucion7.com/wp-content/uploads/2009/10/liderazgo_lumaxart_ccbysa-300x300.jpg" id="cama" name="cama">
                        </div>
                    
 
                    
                    
                        <div style="text-align:right; ">
                        <a href="javascript:cambia('menos')">
                        <img src="img/atras_galeria.jpg" width="17" height="17" border="0" align="absbottom">                        </a>
                        
                        <strong>
                        
                        <div id="leyenda" style="display:inline; color:#FF8000;font-family:Verdana, Arial, Sans-Serif;font-size:8pt;font-weight:bold; text-align:center">
                        1 de 3                       </div>
                        </strong>
                        
                        <a href="javascript:cambia('mas')">
                        <img src="img/adelante_galeria.jpg" width="17" height="17" border="0" align="absbottom">
                        </a>
                        </div>
</div>
</body>
</html> 
  #2 (permalink)  
Antiguo 11/09/2010, 18:47
Avatar de maycolalvarez
Colaborador
 
Fecha de Ingreso: julio-2008
Ubicación: Caracas
Mensajes: 12.120
Antigüedad: 13 años
Puntos: 1532
Respuesta: Como poner un enlace a una imagen...

simplemente anida las imágenes dentro de un <a href="url"><img ... /></a>
__________________
¡Por favor!: usa el highlight para mostrar código
El que busca, encuentra...
  #3 (permalink)  
Antiguo 11/09/2010, 21:10
 
Fecha de Ingreso: noviembre-2006
Mensajes: 169
Antigüedad: 14 años, 8 meses
Puntos: 0
Respuesta: Como poner un enlace a una imagen...

Ya intente pero no puedo...


es asi como me dices?

Última edición por bien_macho; 12/09/2010 a las 00:04
  #4 (permalink)  
Antiguo 13/09/2010, 14:10
 
Fecha de Ingreso: noviembre-2006
Mensajes: 169
Antigüedad: 14 años, 8 meses
Puntos: 0
Respuesta: Como poner un enlace a una imagen...

nadie me da una mano?
  #5 (permalink)  
Antiguo 13/09/2010, 23:26
 
Fecha de Ingreso: noviembre-2006
Mensajes: 169
Antigüedad: 14 años, 8 meses
Puntos: 0
Respuesta: Como poner un enlace a una imagen...

Nada nadita?
  #6 (permalink)  
Antiguo 14/09/2010, 05:23
 
Fecha de Ingreso: noviembre-2006
Mensajes: 169
Antigüedad: 14 años, 8 meses
Puntos: 0
Respuesta: Como poner un enlace a una imagen...

Es muy dificil?

Por favor que alguien me de una mano que no puedo ponerle un link a las imagenes....
  #7 (permalink)  
Antiguo 14/09/2010, 06:40
Avatar de CHuLoSoY  
Fecha de Ingreso: febrero-2002
Ubicación: Ribeira (Galicia)
Mensajes: 1.900
Antigüedad: 19 años, 5 meses
Puntos: 29
Respuesta: Como poner un enlace a una imagen...

Te sería mil veces más fácil si intentas hacerlo con innerHTML y no con SRC.

Es decir, pones un <span> o un <div> conteniendo el enlace y la imagen y modificas todo lo que hay dentro con innerHTML

Saludos.
__________________
ESQUIO Dominios y Hosting
Las mejores características con los mejores precios.
  #8 (permalink)  
Antiguo 14/09/2010, 07:23
Avatar de Adler
Colaborador
 
Fecha de Ingreso: diciembre-2006
Mensajes: 4.671
Antigüedad: 14 años, 6 meses
Puntos: 126
Respuesta: Como poner un enlace a una imagen...

Hola

Quedaría algo como esto
Cita:
document.getElementById("cama").src=directorio+mia rray[indice];
document.getElementById('vink').href=directorio+mi array_txt[indice];
document.getElementById('leyenda').firstChild.node Value = (indice+1) + " de " + miarray.length;


<a href="" id="vink">
<img src="http://www.revolucion7.com/wp-content/uploads/2009/10/liderazgo_lumaxart_ccbysa-300x300.jpg" id="cama" name="cama">
</a>
Suerte
__________________
Los formularios se envían/validan con un botón Submit
<input type="submit" value="Enviar" style="background-color:#0B5795; font:bold 10px verdana; color:#FFF;" />
  #9 (permalink)  
Antiguo 14/09/2010, 18:57
 
Fecha de Ingreso: noviembre-2006
Mensajes: 169
Antigüedad: 14 años, 8 meses
Puntos: 0
Respuesta: Como poner un enlace a una imagen...

Siiiii

Si señor! tu si que sabes amigo

muchas gracias al fin pude hacer funcionar mi script

Gracias!

Etiquetas: enlace, poner
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

SíEste tema le ha gustado a 1 personas




La zona horaria es GMT -6. Ahora son las 05:26.