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, 11:09 am

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?
avatar

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, 01:42 pm

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


Fórum dos Fóruns
Fórum de suporte Forumeiros
Leia as Regras do Fórum dos Fóruns.
Alguns setores possuem regras específicas.
Verifique se sua questão já não foi respondida.
Pedxz - Ajudeiro Voluntário  2007 Forumeiros

avatar

Pedxz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 13/01/2017
Mensagens : 2196
Pontos Ativos : 2754

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

Atendido / Resolvido Re: Banner rotativo

Mensagem por Kkulbeol Dramas em 14/02/18, 02:10 pm

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 :\
avatar

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, 03:01 pm

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

Alex
Usuário destaque

Masculino
Inscrito dia : 09/09/2016
Mensagens : 644
Pontos Ativos : 862

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

Atendido / Resolvido Re: Banner rotativo

Mensagem por Luiz em 14/02/18, 07:20 pm

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

Luiz
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 22/04/2016
Mensagens : 6594
Pontos Ativos : 7352

Ver perfil do usuário https://github.com/lffg/

Atendido / Resolvido Re: Banner rotativo

Mensagem por Luiz em 17/02/18, 11:06 pm

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.
avatar

Luiz
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 22/04/2016
Mensagens : 6594
Pontos Ativos : 7352

Ver perfil do usuário https://github.com/lffg/

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