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!