Logo Rotativo seguindo uma ordem

2 participantes

Ver o tópico anterior Ver o tópico seguinte 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
Nível 5

Masculino
Membro desde : 02/08/2011
Mensagens : 58
Pontos ativos : 91

http://superonzerv.forumeiros.net/

Ir para o topo Ir para baixo

Admineiro

Tópico resolvido Re: Logo Rotativo seguindo uma ordem

Mensagem por pedxz 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.


Boas-vindas ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a editando a sua primeira postagem.
Pedxz - Admineiro
pedxz

pedxz
Admineiro
Admineiro

Membro desde : 13/01/2017
Mensagens : 6560
Pontos ativos : 7723

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
Nível 5

Masculino
Membro desde : 02/08/2011
Mensagens : 58
Pontos ativos : 91

http://superonzerv.forumeiros.net/

Ir para o topo Ir para baixo

Admineiro

Tópico resolvido Re: Logo Rotativo seguindo uma ordem

Mensagem por pedxz 06.05.20 15:57

Tópico resolvido


Movido para "Questões resolvidas".


Boas-vindas ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a editando a sua primeira postagem.
Pedxz - Admineiro
pedxz

pedxz
Admineiro
Admineiro

Membro desde : 13/01/2017
Mensagens : 6560
Pontos ativos : 7723

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo


Permissões neste fórum
Você não pode responder aos tópicos