Boas-vindas ao Power Pixel

Junte-se a comunidade! Crie o seu próprio conteúdo, e faça amizades.EntrarCriar uma conta

Houdini Houdini  • Sex 9 Ago 2013 - 15:23

Logo conforme Horas do dia Empty Logo conforme Horas do dia Sex 9 Ago 2013 - 15:23

Qual é minha questão:
Bem uso ese código para o fundo do fórum trocar conforme a hora do dia, mais gostaria de um código com a mesma função, só que sendo para o logo do fórum, tem como?

código que uso:

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://i.imgur.com/SCl09Bp.jpg";
      imagenes["tarde"] = "http://i.imgur.com/mxjocHl.jpg";
      imagenes["noche"] = "http://i.imgur.com/0A01ufG.jpg";
      //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 fixed");
      }else{
          jQuery(selector_css).css({"background-image":"url(" + imagen + ")", "background-repeat":"no-repeat", "background-size":"cover"});
      }
});
Endereço do meu fórum:
[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

Versão:
PunBB

Houdini Houdini  • Ter 13 Ago 2013 - 17:29

[F]lames [F]lames  • Ter 13 Ago 2013 - 18:15

Logo conforme Horas do dia Empty Re: Logo conforme Horas do dia Ter 13 Ago 2013 - 18:15

Reputação da mensagem: 100% (2 votos)
Olá,

Aqui está, basta trocar as imagens de manhã, tarde e noite:

Código:
jQuery(function() {
      
      //ZONA EDITABLE------------------------------------------------------------
      
      var selector_css = 'a#pun-logo[href="/forum"] img[alt]';
      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://i.imgur.com/SCl09Bp.jpg";
      imagenes["tarde"] = "http://i.imgur.com/mxjocHl.jpg";
      imagenes["noche"] = "http://i.imgur.com/0A01ufG.jpg";

      //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).attr('src',imagen);
      }else{
          jQuery(selector_css).attr('src',imagen); 
      }
});
Até mais.

Houdini Houdini  • Ter 13 Ago 2013 - 19:08

Logo conforme Horas do dia Empty Re: Logo conforme Horas do dia Ter 13 Ago 2013 - 19:08

Valeu cara, ficou bom demais......

Conteúdo patrocinado  • 

Logo conforme Horas do dia Empty Re: Logo conforme Horas do dia

Permissões neste sub-fórum
Não podes responder a tópicos