Foros del Web - Ver Mensaje Individual - Cambiar imagen y css dependiendo de la hora

paxarin · #8 (**permalink**) 03/07/2012, 10:40

Cita:

Iniciado por emprear

Esto ya lo contesté un par de veces, pero no recuerdo dónde, asi que lo pongo otra vez

Código HTML:

Ver original<!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>
<title>titulo</title> 
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="estilos1.css" media="screen" id="hojadeestilos" />
<script type="text/javascript">
//<![CDATA[
function banner() {
var hoy = new Date();
var hora = hoy.getHours();
var banner_logo = document.getElementById('banner');
if((hora >= 7)&&(hora <= 14)) { // 7,8,9,10,11,12,13,14
banner_logo.src = 'sfondo03.jpg';
document.getElementById('hojadeestilos').href='estilos1.css';
} 
if((hora >= 15)&&(hora <= 22)) { // 15,16,17,18,19,20,21,22
banner_logo.src = 'sfondo07.jpg';
document.getElementById('hojadeestilos').href='estilos2.css';
}
if((hora >= 23)||(hora < 7)){ // 23,0,1,2,3,4,5,6
banner_logo.src = 'sfondo06.jpg'; 
document.getElementById('hojadeestilos').href='estilos3.css';
}
}
//]]>
</script>
</head>
<body onload="banner();">
<h1>Demo</h1>
<img src="sfondo03.jpg" id="banner" alt="" />   
</body>
</html>

Este ejemplo hace una rotación cada 8 horas.
Tendrás que adaptarla a tu necesidad
Saludos

Gracias por el post, probare haber cual puede ser el problema.
Un saludo y muchas gracias