Detalhes da questão

Endereço do fórum: http://cucubeol.forumeiros.com/
Versão do fórum: ModernBB

Descrição

Olá. Estou querendo colocar um banner rotativo no meu fórum, para colocar várias imagens para aparecerem em ordem aleatória. Achei até um tutorial ensinando isso, mas ele não tem o código para ModernBB. (Este tutorial: https://ajuda.forumeiros.com/t22323-tutorial-logo-rotativo)

Será que posso tentar o código já pronto do PunBB ou vocês podem me ajudar com um novo?

Olá,
Você pode pegar em um código aleatorio

Código:

var banner = new Array();

banner[0]='ENDERECO_DA_IMAGEM';

document.getElementById('pun-logo').firstChild.src= banner[Math.floor(Math.random()*banner.length)];
setInterval("document.getElementById('pun-logo').firstChild.src= banner[Math.floor(Math.random()*banner.length)];",3000);

e mudar para

Código:

var banner = new Array();

banner[0]='ENDERECO_DA_IMAGEM';

document.getElementById('logo').firstChild.src= banner[Math.floor(Math.random()*banner.length)];
setInterval("document.getElementById('logo').firstChild.src= banner[Math.floor(Math.random()*banner.length)];",3000);

veja se funciona e diga-me alguma coisa

Tentei seguir o tutorial, coloquei esse código com as imagens na Gestão de Páginas HTML:

Código:


var banner = new Array();

banner[0]=https://i62.servimg.com/u/f62/19/61/71/04/banner15.jpg; banner[1]=https://i62.servimg.com/u/f62/19/61/71/04/banner16.jpg; banner[2]=https://i62.servimg.com/u/f62/19/61/71/04/banner17.jpg; banner[3]=https://i62.servimg.com/u/f62/19/61/71/04/banner14.jpg; banner[4]=https://i62.servimg.com/u/f62/19/61/71/04/banner18.jpg; banner[5]=https://i62.servimg.com/u/f62/19/61/71/04/banner19.jpg;

document.getElementById('logo').firstChild.src= banner[Math.floor(Math.random()*banner.length)]; setInterval("document.getElementById('logo').firstChild.src= banner[Math.floor(Math.random()*banner.length)];",3000);

Depois disso, coloquei na Descrição do Site o código final:

Código:

<script src=http://cucubeol.forumeiros.com/h2-banner-rotativo></script>

Mas não sei o por que não funcionou :\

Ao invés de criar uma página HTML, crie uma página JavaScript, em:

Módulos -> Gestão das Páginas JavaScript.

Depois, troque o código anterior por este:

Código:

var banner = new Array();

banner[0]='https://i62.servimg.com/u/f62/19/61/71/04/banner15.jpg';
banner[1]='https://i62.servimg.com/u/f62/19/61/71/04/banner16.jpg';
banner[2]='https://i62.servimg.com/u/f62/19/61/71/04/banner17.jpg';
banner[3]='https://i62.servimg.com/u/f62/19/61/71/04/banner14.jpg';
banner[4]='https://i62.servimg.com/u/f62/19/61/71/04/banner18.jpg';
banner[5]='https://i62.servimg.com/u/f62/19/61/71/04/banner19.jpg';

document.getElementById('logo').firstChild.src= banner[Math.floor(Math.random()*banner.length)]; setInterval("document.getElementById('logo').firstChild.src= banner[Math.floor(Math.random()*banner.length)];",3000);

o/