Problema al enlazar una direccion web con una imagen en javascript

maquinistas · #1 (**permalink**) 23/08/2012, 05:26

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

Dradi7 · #2 (**permalink**) 23/08/2012, 08:01

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 original<script>
function 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);
}
</script>
    <title>Periodicos</title>
</head>
<body onload="cargarImagen()">
<A id="cambia" HREF="http://www.elpais.es"><img src="imagenes/123.jpg" WIDTH = 105 Altura = 97 name="reloj">
<body>
</body>

maquinistas · #3 (**permalink**) 23/08/2012, 10:57

Muchas gracias por tu rápida y eficaz respuesta Dradi 7.
Estaba en este momento pensando en como deberia poner para que saliera el resultado deseado y no lo daba encontrado.
He probado tu script y me funciona a la primera y de maravilla.
Agradezco mucho tu colaboracion en este problema que se me habia presentado.Muchas gracias