Logo Rotativo seguindo uma ordem

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)');
  }
});

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.

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