Como poner un enlace a una imagen...

bien_macho · #1 (**permalink**) 11/09/2010, 18:42

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 < 0) indice = miarray.length - 1;  
if (indice > miarray.length-1) indice = 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>

maycolalvarez · #2 (**permalink**) 11/09/2010, 18:47

simplemente anida las imágenes dentro de un <a href="url"><img ... /></a>

bien_macho · #3 (**permalink**) 11/09/2010, 21:10

Ya intente pero no puedo...

es asi como me dices?

bien_macho · #4 (**permalink**) 13/09/2010, 14:10

nadie me da una mano?

bien_macho · #5 (**permalink**) 13/09/2010, 23:26

Nada nadita?

bien_macho · #6 (**permalink**) 14/09/2010, 05:23

Es muy dificil?

Por favor que alguien me de una mano que no puedo ponerle un link a las imagenes....

CHuLoSoY · #7 (**permalink**) 14/09/2010, 06:40

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.

Adler · #8 (**permalink**) 14/09/2010, 07:23

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

bien_macho · #9 (**permalink**) 14/09/2010, 18:57

Siiiii

Si señor! tu si que sabes amigo

muchas gracias al fin pude hacer funcionar mi script

Gracias!