Paso por paso;
- Accedes al panel de administrador
- Clicas sobre MODULOS (asegúrate de tener clicado el modo AVANZADO)
- Abajo del todo, clicas sobre Gestión de códigos JAVASCRIPT
- Seleccionas CREAR NUEVO JAVASCRIPT
- Todas las páginas
- Inserta el siguiente código
- Código:
-
$(function() {
var selector_css = "body";
var imagen_se_repite = false;
var horario_inicio = new Array();
horario_inicio["mañana"] = 5;
horario_inicio["tarde"] = 12;
horario_inicio["noche"]= 21;
var imagenes = new Array();
imagenes["mañana"] = "http://www.katasharya.com/wp-content/uploads/2013/01/sunshine.jpg";
imagenes["tarde"] = "http://miriadna.com/desctopwalls/images/max/Follow-the-sun.jpg";
imagenes["noche"] = "http://www.wall321.com/thumbnails/detail/20120530/dream%20night%20clouds%20moon%201600x900%20wallpaper_www.wall321.com_51.jpg";
var horaActual = (new Date()).getHours();
var imagen = "";
if(horaActual >= horario_inicio["mañana"] && horaActual < horario_inicio["tarde"]){
imagen = imagenes["mañana"];
}else if(horaActual >= horario_inicio["tarde"] && horaActual < horario_inicio["noche"]){
imagen = imagenes["tarde"];
}else if(horaActual >= horario_inicio["noche"] || horaActual < horario_inicio["mañana"]){
imagen = imagenes["noche"];
}
if(imagen_se_repite){
$(selector_css).css("background", "url(" + imagen + ") repeat");
}else{
$(selector_css).css({"background-image":"url(" + imagen + ")", "background-repeat":"no-repeat", "background-size":"cover"});
}
});
- Edita las líneas donde veas enlaces entre comillas para cambiar el horario según la hora, así como tambien puedes editar los horarios;
- Citación :
- horario_inicio["mañana"] = 5;
horario_inicio["tarde"] = 12;
horario_inicio["noche"]= 21;
Dichos horarios estan en formato 24h, es decir 5, es 05:00am, 21 son las 21:00 pm (las 9 de la noche).
- Registra el JAVASCRIPT
- ¡¡ Pruébalo !!