23/08/2012, 08:01
|
| | | Fecha de Ingreso: junio-2008 Ubicación: Peru - Lima
Mensajes: 1.518
Antigüedad: 16 años, 6 meses Puntos: 220 | |
Respuesta: Problema al enlazar una direccion web con una imagen en javascript Cita:
Iniciado por maquinistas Buenos días a todos.
Me gustaria saber si alguien me puede echar una mano con un problema que se me ha presentado.
Resulta que quiero generar, por javascript, una imagen distinta dependiendo de que hora sea. El script, me funciona perfectamente. El problema es, que necesito, que cada imagen resultante, remita al internauta a una pagina distinta, como puede ser el periodico El Pais, El Periodico,....
He conseguido que al final del script, si pongo
<A HREF="http://www.elpais.es"><img src="imagenes/123.jpg" WIDTH = 205 Altura = 297 name="reloj"> me remita a la web del El Pais, pero yo quisiera que cada imagen este relacionada con una direccion web y que se mostrara.
Agradeceria muchisimo que me ayudaras, si es posible.
Os dejo el script. <script>
function cargarImagen(){
ahora=new Date();
hora=ahora.getHours();
if(hora<8){
imagen="imagenes/123.jpg";
}
if(hora>7 && hora<12){
imagen="imagenes/124.jpg";
}
if(hora>11 && hora<18){
imagen="imagenes/125.jpg";
}
if(hora>17 && hora<24){
imagen="imagenes/126.jpg";
}
document.images["reloj"].src=imagen;
}
</script>
<title>Periodicos</title>
</head>
<body onload="cargarImagen()">
<A HREF="http://www.elpais.es"><img src="imagenes/123.jpg" WIDTH = 105 Altura = 97 name="reloj">
<body>
</body>
MUCHAS GRACIAS Bueno haciendo unos cambios tendrias que hacerlo de esta forma
Código HTML:
Ver originalfunction cargarImagen(){ ahora=new Date(); hora=ahora.getHours(); var nuevaURL; if(hora<8){ imagen="imagenes/123.jpg"; nuevaURL = "tuurl"; } if(hora>7 && hora<12){ imagen="imagenes/124.jpg"; nuevaURL = "tuurl"; } if(hora>11 && hora<18){ imagen="imagenes/125.jpg"; nuevaURL = "tuurl"; } if(hora>17 && hora<24){ imagen="imagenes/126.jpg"; nuevaURL = "tuurl"; } document.images["reloj"].src=imagen; document.getElementById("cambia").setAttribute("href",nuevaURL); } <body onload="cargarImagen()"> <A id="cambia" HREF="http://www.elpais.es"><img src="imagenes/123.jpg" WIDTH = 105 Altura = 97 name="reloj">
__________________ La clave de todo triunfador es eliminar todas sus excusas y sus limitaciones |