Logo Rotativo seguindo uma ordem Hitskin_logo Hitskin.com

Isto é uma pré-visualização de um tema em Hitskin.com
Instalar o temaVoltar para a ficha do tema

Logo Rotativo seguindo uma ordem

2 participantes

Ir para baixo

Tópico resolvido Logo Rotativo seguindo uma ordem

Mensagem por Akeido 06.05.20 8:15

Detalhes da questão


Endereço do fórum: https://runeterra.forumbrasil.net
Versão do fórum: phpBB3

Descrição


Eu tenho este código aqui para atualizar a logo a cada F5, mas ele é randômico e como você pode ver o layout do fórum, ele tem uma imagem por trás e uma na frente. E eu queria que as duas tags seguissem a mesma imagem, caso não consigam colocar no mesmo javascript, eu apenas faço duas páginas separadas para cada código, eu só queria que eles seguissem sempre na mesma ordem, sem ser randômico.

Código:

Código:
$(function () {
 
  var number = Math.floor((Math.random() * 13) + 1),
      logo = $('#logotras');
 
  if (number == 1 ) { /* Ixtal */
        logo.css('background','url(https://i.imgur.com/MvKxyaV.jpg)');
  }
 
  if (number == 2 ) { /* Águas de Sentina */
        logo.css('background','url(https://i.imgur.com/NFS4Ctg.jpg)');
  }
 
  if (number == 3 ) { /* Demacia */
        logo.css('background','url(https://i.imgur.com/jD8d1jv.jpg)');
  }
 
  if (number == 4 ) { /* O Vazio */
        logo.css('background','url(https://i.imgur.com/FGXn64k.jpg)');
  }
 
  if (number == 5 ) { /* Piltover */
        logo.css('background','url(https://i.imgur.com/8rXM80r.jpg)');
  }
 
    if (number == 6 ) { /* Zaun */
        logo.css('background','url(https://i.imgur.com/qmxNe5C.jpg)');
  }
 
    if (number == 7 ) { /* Shurima */
        logo.css('background','url(https://i.imgur.com/FbR07ER.jpg)');
  }
 
    if (number == 8 ) { /* Targon */
        logo.css('background','url(https://i.imgur.com/JzfyY9u.jpg)');
  }
 
    if (number == 9 ) { /* Freljord */
        logo.css('background','url(https://i.imgur.com/FdweCwH.jpg)');
  }
 
    if (number == 10 ) { /* Ilha das Sombras */
        logo.css('background','url(https://i.imgur.com/V7BrMqw.jpg)');
  }
 
    if (number == 11 ) { /* Ionia */
        logo.css('background','url(https://i.imgur.com/pO9xCi4.jpg)');
  }
 
    if (number == 13 ) { /* Noxus */
        logo.css('background','url(https://i.imgur.com/tBscqI3.jpg)');
  }
 
    if (number == 14 ) { /* Ixtal */
        logo.css('background','url(https://i.imgur.com/MvKxyaV.jpg)');
  }
});
Akeido
Akeido
**

Membro desde : 02/08/2011
Mensagens : 69
Pontos : 111

http://erilea.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Logo Rotativo seguindo uma ordem

Mensagem por tikky 06.05.20 9:26

Olá @Akeido,

Não sei se compreendi corretamente, peço desculpa. O senhor usa dois script para criar um efeito rotativo duplo? Se sim, pode passar o outro código?


Aguardo uma resposta sua,
pedxz.
tikky
tikky
Admineiro
Admineiro

Membro desde : 13/01/2017
Mensagens : 7964
Pontos : 9219

Ir para o topo Ir para baixo

Tópico resolvido Re: Logo Rotativo seguindo uma ordem

Mensagem por Akeido 06.05.20 15:24

Desculpe, eu acabei de conseguir um jeito KKKK e foi bem simples.

Eu testei em uma página HTML para ver se o código funcionava com duas tags, mas não estava indo, então eu pensei em vir aqui, mas eu coloquei no javascript do fórum e acabou funcionando. É que eu queria que a imagem de trás e a da frente fossem a mesma e trocando aleatoriamente, mas isso nunca acontecia, mas agora consegui, enfim, obrigado pelo atendimento!

logo = $('.header-fundo, .header-imagem');


Código:
$(function () {
 
  var number = Math.floor((Math.random() * 13) + 1),
      logo = $('.header-fundo, .header-imagem');
 
  if (number == 1 ) { /* Ixtal */
        logo.css('background','url(https://i.imgur.com/MvKxyaV.jpg)');
  }
 
  if (number == 2 ) { /* Águas de Sentina */
        logo.css('background','url(https://i.imgur.com/NFS4Ctg.jpg)');
  }
 
  if (number == 3 ) { /* Demacia
Akeido
Akeido
**

Membro desde : 02/08/2011
Mensagens : 69
Pontos : 111

http://erilea.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Logo Rotativo seguindo uma ordem

Mensagem por tikky 06.05.20 15:57

Tópico resolvido


Movido para "Questões resolvidas".
tikky
tikky
Admineiro
Admineiro

Membro desde : 13/01/2017
Mensagens : 7964
Pontos : 9219

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

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