Banner rotativo

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

Atendido / Resolvido Banner rotativo

Mensagem por Kkulbeol Dramas em 14.02.18 13:09

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?
Kkulbeol Dramas

Kkulbeol Dramas
Nível 2

Feminino
Inscrito dia : 16/09/2017
Mensagens : 9
Pontos Ativos : 21

Ver perfil do usuário http://kkulbeoldramas.forumeiros.com/

Atendido / Resolvido Re: Banner rotativo

Mensagem por Pedxz em 14.02.18 15:42

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
Pedxz

Pedxz
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 13/01/2017
Mensagens : 2554
Pontos Ativos : 3210

Ver perfil do usuário https://pedxz.forumeiros.com

Atendido / Resolvido Re: Banner rotativo

Mensagem por Kkulbeol Dramas em 14.02.18 16:10

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 :\
Kkulbeol Dramas

Kkulbeol Dramas
Nível 2

Feminino
Inscrito dia : 16/09/2017
Mensagens : 9
Pontos Ativos : 21

Ver perfil do usuário http://kkulbeoldramas.forumeiros.com/

Atendido / Resolvido Re: Banner rotativo

Mensagem por Alex em 14.02.18 17:01

Tópico movido de 'Questões sobre o painel de administração' para 'Questões sobre códigos'.
Alex

Alex
Usuário destaque

Masculino
Inscrito dia : 09/09/2016
Mensagens : 648
Pontos Ativos : 868

Ver perfil do usuário https://mundogoph.org/

Atendido / Resolvido Re: Banner rotativo

Mensagem por Luiz em 14.02.18 21:20

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/
Luiz

Luiz
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 23/04/2016
Mensagens : 6621
Pontos Ativos : 7515

Ver perfil do usuário https://luizfelipe.dev

Atendido / Resolvido Re: Banner rotativo

Mensagem por Luiz em 18.02.18 1:06

Questão abandonada pelo autor, mas considerada resolvida por ter solução para o problema.
Tópico marcado como Resolvido e movido para Questões resolvidas.
Luiz

Luiz
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 23/04/2016
Mensagens : 6621
Pontos Ativos : 7515

Ver perfil do usuário https://luizfelipe.dev

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo


Permissão deste fórum:
Você não pode responder aos tópicos neste fórum