Background conforme hora do dia

Qual é minha questão:
Bem estou seguindo o seguinte tutorial:

https://ajuda.forumeiros.com/t71069-tutorial-background-conforme-hora-do-dia

Bem o tutorial deu certo, mais o fundo fica em Scroll, gostaria que o mesmo ficasse fixo, tem como?

Código que estou utilizando:

Código:


jQuery(function() {
       
       //ZONA EDITABLE------------------------------------------------------------
       
       var selector_css = "body";
       var imagen_se_repite = true;   
       
       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://i46.servimg.com/u/f46/11/96/49/61/body-b15.png";
       imagenes["tarde"] = "http://pieceproject.xpg.uol.com.br/wp-content/themes/pieceproject/images/background/bg-dark-1.jpg";
       imagenes["noche"] = "http://i46.servimg.com/u/f46/11/96/49/61/body-b15.png";
       //FIN ZONA EDITABLE----------------------------------------------------------
       
       
       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){
          jQuery(selector_css).css("background", "url(" + imagen + ") repeat");
       }else{
          jQuery(selector_css).css({"background-image":"url(" + imagen + ")", "background-repeat":"no-repeat", "background-size":"cover"}); 
       }
});


Endereço do meu fórum:
http://somosmugiwara.forumeiros.com

Versão do fórum:
PUNBB

Não resultou meu caro.........

Olá amigo,

Altere o código pelo abaixo:

Código:

jQuery(function() {
     
      //ZONA EDITABLE------------------------------------------------------------
     
      var selector_css = "body";
      var imagen_se_repite = true; 
     
      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://i46.servimg.com/u/f46/11/96/49/61/body-b15.png";
      imagenes["tarde"] = "http://pieceproject.xpg.uol.com.br/wp-content/themes/pieceproject/images/background/bg-dark-1.jpg";
      imagenes["noche"] = "http://i46.servimg.com/u/f46/11/96/49/61/body-b15.png";
      //FIN ZONA EDITABLE----------------------------------------------------------
     
     
      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){
          jQuery(selector_css).css("background", "url(" + imagen + ") repeat");
      }else{
          jQuery(selector_css).css({"background-image":"url(" + imagen + ")", "background-repeat":"no-repeat", "background-size":"cover"});
      }
     else{
          jQuery(selector_css).css({"background-position":"fixed"});
      }
});

Até mais.

Olá!

Troque o código por este:

Código:

        jQuery(function() {
             
              //ZONA EDITABLE------------------------------------------------------------
             
              var selector_css = "body";
              var imagen_se_repite = true; 
             
              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://i46.servimg.com/u/f46/11/96/49/61/body-b15.png";
              imagenes["tarde"] = "http://pieceproject.xpg.uol.com.br/wp-content/themes/pieceproject/images/background/bg-dark-1.jpg";
              imagenes["noche"] = "http://i46.servimg.com/u/f46/11/96/49/61/body-b15.png";
              //FIN ZONA EDITABLE----------------------------------------------------------
             
             
              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){
                  jQuery(selector_css).css("background", "url(" + imagen + ") repeat");
              }else{
                  jQuery(selector_css).css({"background-image":"url(" + imagen + ")", "background-repeat":"no-repeat", "background-size":"cover", "background-position":"fixed"});
              }
        });


Até mais.

Ambos não resultaram...

O do Sheldon nem sequer fez a imagem aparecer ao fundo, já o seu Crazy, ainda continuou o fundo com scroll...

Editado:

Já consegui resolver, valeu a ambos pela ajuda...