Problema com Logo aleatório

Detalhes da questão

Endereço do fórum: http://dimensionfalls.forumeiros.com/
Versão do fórum: PhpBB2

Descrição

Não estou conseguindo ativar o "Logo aleatório" no meu fórum, segui todos os passos do Tutorial aqui do site e mesmo assim parece não estar funcionando, e não sei o motivo. Eu usei um numero grande de imagens, mas não sei se isso tem alguma relação, afinal no tutorial não cita limites (não é?).

De qualquer forma notei um problema, o qual não consigo contornar e não sei se pode ser a causa do "não funcionamento" do código.

Como citado no tutorial tenho que colocar um código, com o link, dentro da Descrição do Site, como mostra abaixo.

Código:

<script src="ENDERECO-DA-PAGINA-HTML"></script>

No caso do meu fórum ficaria assim:

Código:

<script src="http://dimensionfalls.forumeiros.com/h1-logo"></script>

Porém quando clico em Salvar, o código muda e fica assim:

Código:

<script src=http://dimensionfalls.forumeiros.com/h1-logo></script>

Não sei se essa é o problema, ou se é normal, mas é o que acontece e não faço ideia de como resolve-lo.

Além disso deixo abaixo o código exatamente como coloquei em "Painel de controle -> Módulos -> HTML -> Gestão das páginas HTML", apenas para ter certeza que não fiz nada errado.

Código:

var banner = new Array();

banner[0]='http://i.imgur.com/YJiq52t.png';
banner[1]='http://i.imgur.com/Y7yJol6.png';
banner[2]='http://i.imgur.com/Z9kVOSX.png';
banner[3]='http://i.imgur.com/Icw1sgH.png';
banner[4]='http://i.imgur.com/bP0zJ3D.png';
banner[5]='http://i.imgur.com/eSRUpsn.png';
banner[6]='http://i.imgur.com/urm6c3A.png';
banner[7]='http://i.imgur.com/gw1jG1d.png';
banner[8]='http://i.imgur.com/6VOHdWr.png';
banner[9]='http://i.imgur.com/XmVukTl.png';
banner[10]='http://i.imgur.com/paCZneq.png';
banner[11]='http://i.imgur.com/cGVqJey.png';
banner[12]='http://i.imgur.com/iiG25uz.png';
banner[13]='http://i.imgur.com/VitMesI.png';
banner[14]='http://i.imgur.com/VRRfyhO.png';
banner[15]='http://i.imgur.com/JZ85wur.png';
banner[16]='http://i.imgur.com/CDF5LzL.png';
banner[17]='http://i.imgur.com/kvrul6J.png';
banner[18]='http://i.imgur.com/0AvFvXE.png';
banner[19]='http://i.imgur.com/leOzINo.png';
banner[20]='http://i.imgur.com/8uhQAg0.png';
banner[21]='http://i.imgur.com/HCdK61C.png';
banner[22]='http://i.imgur.com/R9SFjNo.png';
banner[23]='http://i.imgur.com/IWZL6Bw.png';
banner[24]='http://i.imgur.com/QlQs7Es.png';
banner[25]='http://i.imgur.com/R8qA22j.png';
banner[26]='http://i.imgur.com/CT6PcQd.png';
banner[27]='http://i.imgur.com/P5FikQb.png';
banner[28]='http://i.imgur.com/5jvboHF.png';
banner[29]='http://i.imgur.com/ctI2eAE.png';
banner[30]='http://i.imgur.com/g2Kl3cP.png';
banner[31]='http://i.imgur.com/7RjNTi0.png';
banner[32]='http://i.imgur.com/Tv9Cx3w.png';
banner[33]='http://i.imgur.com/6uTQHTr.png';
banner[34]='http://i.imgur.com/Lq31H23.png';
banner[35]='http://i.imgur.com/yEWvnyQ.png';

document.getElementById('i_logo').src= banner[Math.floor(Math.random()*banner.length)];

Ps. Como eu disse, acabei colocando muitas imagens e não sei se isso é um problema.
Ps². Nas opções "Você deseja utilizar o início e o final da página do seu fórum ?" e "Usar esta página como página inicial?" ambas estão marcadas a opção "Não".

Fico no aguardo de uma resposta, grato desde já.

Olá Like a Sir.

Exclua essa página HTML e crie um novo código javascript com investimento em todas as páginas:

Código:


jQuery(function() {

    var banner = new Array();

banner[0]='http://i.imgur.com/YJiq52t.png';
banner[1]='http://i.imgur.com/Y7yJol6.png';
banner[2]='http://i.imgur.com/Z9kVOSX.png';
banner[3]='http://i.imgur.com/Icw1sgH.png';
banner[4]='http://i.imgur.com/bP0zJ3D.png';
banner[5]='http://i.imgur.com/eSRUpsn.png';
banner[6]='http://i.imgur.com/urm6c3A.png';
banner[7]='http://i.imgur.com/gw1jG1d.png';
banner[8]='http://i.imgur.com/6VOHdWr.png';
banner[9]='http://i.imgur.com/XmVukTl.png';
banner[10]='http://i.imgur.com/paCZneq.png';
banner[11]='http://i.imgur.com/cGVqJey.png';
banner[12]='http://i.imgur.com/iiG25uz.png';
banner[13]='http://i.imgur.com/VitMesI.png';
banner[14]='http://i.imgur.com/VRRfyhO.png';
banner[15]='http://i.imgur.com/JZ85wur.png';
banner[16]='http://i.imgur.com/CDF5LzL.png';
banner[17]='http://i.imgur.com/kvrul6J.png';
banner[18]='http://i.imgur.com/0AvFvXE.png';
banner[19]='http://i.imgur.com/leOzINo.png';
banner[20]='http://i.imgur.com/8uhQAg0.png';
banner[21]='http://i.imgur.com/HCdK61C.png';
banner[22]='http://i.imgur.com/R9SFjNo.png';
banner[23]='http://i.imgur.com/IWZL6Bw.png';
banner[24]='http://i.imgur.com/QlQs7Es.png';
banner[25]='http://i.imgur.com/R8qA22j.png';
banner[26]='http://i.imgur.com/CT6PcQd.png';
banner[27]='http://i.imgur.com/P5FikQb.png';
banner[28]='http://i.imgur.com/5jvboHF.png';
banner[29]='http://i.imgur.com/ctI2eAE.png';
banner[30]='http://i.imgur.com/g2Kl3cP.png';
banner[31]='http://i.imgur.com/7RjNTi0.png';
banner[32]='http://i.imgur.com/Tv9Cx3w.png';
banner[33]='http://i.imgur.com/6uTQHTr.png';
banner[34]='http://i.imgur.com/Lq31H23.png';
banner[35]='http://i.imgur.com/yEWvnyQ.png';

    var FdF = banner.length;
    var Forumeiros = Math.floor(FdF * Math.random());

    $('#logo img').attr('src', banner[Forumeiros]);


att.

Obrigado por responder @ShadowPrince

Parece que ainda não está funcionando, exclui o HTML como você pediu e criei o novo código em JavaScript, mesmo assim não aconteceu nada. Após isso ainda coloquei a URL desse Java com o código na Descrição do Site, bem como manda o tutorial citado no primeiro post, e não deu certo.

Inclusive, como citei acima, as aspas ainda estão sumindo quando salvo o code na Descrição do site.

Como deveria ficar(?):

Código:

<script src="http://dimensionfalls.forumeiros.com/15561.js"></script>

Como fica:

Código:

<script src=http://dimensionfalls.forumeiros.com/15561.js></script>

Desculpe qualquer incomodo desnecessário e obrigado pelo auxilio.

O código que colocaste na descrição está correto, as aspas realmente somem.

Acredito que eu tenha lhe passado o código imcompleto pois faltou o "});" no final.  

Por favor tente novamente com este:

Código:


jQuery(function() {

    var banner = new Array();

banner[0]='http://i.imgur.com/YJiq52t.png';
banner[1]='http://i.imgur.com/Y7yJol6.png';
banner[2]='http://i.imgur.com/Z9kVOSX.png';
banner[3]='http://i.imgur.com/Icw1sgH.png';
banner[4]='http://i.imgur.com/bP0zJ3D.png';
banner[5]='http://i.imgur.com/eSRUpsn.png';
banner[6]='http://i.imgur.com/urm6c3A.png';
banner[7]='http://i.imgur.com/gw1jG1d.png';
banner[8]='http://i.imgur.com/6VOHdWr.png';
banner[9]='http://i.imgur.com/XmVukTl.png';
banner[10]='http://i.imgur.com/paCZneq.png';
banner[11]='http://i.imgur.com/cGVqJey.png';
banner[12]='http://i.imgur.com/iiG25uz.png';
banner[13]='http://i.imgur.com/VitMesI.png';
banner[14]='http://i.imgur.com/VRRfyhO.png';
banner[15]='http://i.imgur.com/JZ85wur.png';
banner[16]='http://i.imgur.com/CDF5LzL.png';
banner[17]='http://i.imgur.com/kvrul6J.png';
banner[18]='http://i.imgur.com/0AvFvXE.png';
banner[19]='http://i.imgur.com/leOzINo.png';
banner[20]='http://i.imgur.com/8uhQAg0.png';
banner[21]='http://i.imgur.com/HCdK61C.png';
banner[22]='http://i.imgur.com/R9SFjNo.png';
banner[23]='http://i.imgur.com/IWZL6Bw.png';
banner[24]='http://i.imgur.com/QlQs7Es.png';
banner[25]='http://i.imgur.com/R8qA22j.png';
banner[26]='http://i.imgur.com/CT6PcQd.png';
banner[27]='http://i.imgur.com/P5FikQb.png';
banner[28]='http://i.imgur.com/5jvboHF.png';
banner[29]='http://i.imgur.com/ctI2eAE.png';
banner[30]='http://i.imgur.com/g2Kl3cP.png';
banner[31]='http://i.imgur.com/7RjNTi0.png';
banner[32]='http://i.imgur.com/Tv9Cx3w.png';
banner[33]='http://i.imgur.com/6uTQHTr.png';
banner[34]='http://i.imgur.com/Lq31H23.png';
banner[35]='http://i.imgur.com/yEWvnyQ.png';

    var FdF = banner.length;
    var Forumeiros = Math.floor(FdF * Math.random());

    $('#logo img').attr('src', banner[Forumeiros]);

});


att.

Entendo, fiquei preocupado já que foi a única coisa "errada" que eu notei.

Mas @ShadowPrince eu troquei o código e ainda não está dando certo... não entendo o motivo. Até removi o logo/banner do fórum na esperança que fosse esse o problema, porém não resultou em nada. Abaixo vou deixar as imagens de como as coisas estão, talvez algum problema que eu não tenha visto.

O código que não aparece por completo na imagem é esse, que é o correto, certo?

Código:

<script src=http://dimensionfalls.forumeiros.com/15532.js></script>

Grato.

Creio que esteja correto.

Se seguiste o que lhe disse, honestamente não sei onde pode estar o erro. Meus conhecimentos param por aqui.

Minhas sugestões "sem lógica" é tentar alterar o código por esse:

Código:


jQuery(function() {

    var imagemHancki = new Array();

 imagemHancki[0]='http://i.imgur.com/YJiq52t.png';
 imagemHancki[1]='http://i.imgur.com/Y7yJol6.png';
 imagemHancki[2]='http://i.imgur.com/Z9kVOSX.png';
 imagemHancki[3]='http://i.imgur.com/Icw1sgH.png';
 imagemHancki[4]='http://i.imgur.com/bP0zJ3D.png';
 imagemHancki[5]='http://i.imgur.com/eSRUpsn.png';
 imagemHancki[6]='http://i.imgur.com/urm6c3A.png';
 imagemHancki[7]='http://i.imgur.com/gw1jG1d.png';
 imagemHancki[8]='http://i.imgur.com/6VOHdWr.png';
 imagemHancki[9]='http://i.imgur.com/XmVukTl.png';
 imagemHancki[10]='http://i.imgur.com/paCZneq.png';
 imagemHancki[11]='http://i.imgur.com/cGVqJey.png';
 imagemHancki[12]='http://i.imgur.com/iiG25uz.png';
 imagemHancki[13]='http://i.imgur.com/VitMesI.png';
 imagemHancki[14]='http://i.imgur.com/VRRfyhO.png';
 imagemHancki[15]='http://i.imgur.com/JZ85wur.png';
 imagemHancki[16]='http://i.imgur.com/CDF5LzL.png';
 imagemHancki[17]='http://i.imgur.com/kvrul6J.png';
 imagemHancki[18]='http://i.imgur.com/0AvFvXE.png';
 imagemHancki[19]='http://i.imgur.com/leOzINo.png';
 imagemHancki[20]='http://i.imgur.com/8uhQAg0.png';
 imagemHancki[21]='http://i.imgur.com/HCdK61C.png';
 imagemHancki[22]='http://i.imgur.com/R9SFjNo.png';
 imagemHancki[23]='http://i.imgur.com/IWZL6Bw.png';
 imagemHancki[24]='http://i.imgur.com/QlQs7Es.png';
 imagemHancki[25]='http://i.imgur.com/R8qA22j.png';
 imagemHancki[26]='http://i.imgur.com/CT6PcQd.png';
 imagemHancki[27]='http://i.imgur.com/P5FikQb.png';
 imagemHancki[28]='http://i.imgur.com/5jvboHF.png';
 imagemHancki[29]='http://i.imgur.com/ctI2eAE.png';
 imagemHancki[30]='http://i.imgur.com/g2Kl3cP.png';
 imagemHancki[31]='http://i.imgur.com/7RjNTi0.png';
 imagemHancki[32]='http://i.imgur.com/Tv9Cx3w.png';
 imagemHancki[33]='http://i.imgur.com/6uTQHTr.png';
 imagemHancki[34]='http://i.imgur.com/Lq31H23.png';
 imagemHancki[35]='http://i.imgur.com/yEWvnyQ.png';

    var FdF = imagemHancki.length;
    var Forumeiros = Math.floor(FdF * Math.random());

    $('#logo img').attr('src', imagemHancki[Forumeiros]);

});


Se ainda assim não funcionar tente alterar as imagens por jpg, embora eu ache que isso não tem relevância.

att.

Pois é @ShadowPrince parece que mesmo colocando esse novo código e até mesmo trocando as imagens para jpg, não funcionou... Além disso tentei refazer tudo do inicio com ambos os códigos e não deu em nada.

De qualquer forma muito obrigado por responder meu tópico e tentar me ajudar!

Fico no aguardo de alguém que possa me ajudar a resolver esse problema.

Bom dia Like a Sir.

Como eu vi que ninguém está ajudando o senhor, estou aqui novamente para dar o meu pitaco.

Conforme você pode observar no meu fórum(clanowners.forumeiros.com), eu tenho este efeito que desejas implementar funcionando. Para adicioná-lo eu segui os passos que lhe falei, por isso teimo em acreditar que se insistires no código que lhe passei podes obter sucesso. Eu não desenvolvi o código, tão pouco tenho muito conhecimento sobre, quem me ajudou foi o Hancki neste tópico: https://ajuda.forumeiros.com/t101679-logos-aleatorios-no-chrome

Espero que tenha ajudado em algo.

att.

Código:

$(function() {

banner = new Array(36);
banner[0]='http://i.imgur.com/YJiq52t.png';
banner[1]='http://i.imgur.com/Y7yJol6.png';
banner[2]='http://i.imgur.com/Z9kVOSX.png';
banner[3]='http://i.imgur.com/Icw1sgH.png';
banner[4]='http://i.imgur.com/bP0zJ3D.png';
banner[5]='http://i.imgur.com/eSRUpsn.png';
banner[6]='http://i.imgur.com/urm6c3A.png';
banner[7]='http://i.imgur.com/gw1jG1d.png';
banner[8]='http://i.imgur.com/6VOHdWr.png';
banner[9]='http://i.imgur.com/XmVukTl.png';
banner[10]='http://i.imgur.com/paCZneq.png';
banner[11]='http://i.imgur.com/cGVqJey.png';
banner[12]='http://i.imgur.com/iiG25uz.png';
banner[13]='http://i.imgur.com/VitMesI.png';
banner[14]='http://i.imgur.com/VRRfyhO.png';
banner[15]='http://i.imgur.com/JZ85wur.png';
banner[16]='http://i.imgur.com/CDF5LzL.png';
banner[17]='http://i.imgur.com/kvrul6J.png';
banner[18]='http://i.imgur.com/0AvFvXE.png';
banner[19]='http://i.imgur.com/leOzINo.png';
banner[20]='http://i.imgur.com/8uhQAg0.png';
banner[21]='http://i.imgur.com/HCdK61C.png';
banner[22]='http://i.imgur.com/R9SFjNo.png';
banner[23]='http://i.imgur.com/IWZL6Bw.png';
banner[24]='http://i.imgur.com/QlQs7Es.png';
banner[25]='http://i.imgur.com/R8qA22j.png';
banner[26]='http://i.imgur.com/CT6PcQd.png';
banner[27]='http://i.imgur.com/P5FikQb.png';
banner[28]='http://i.imgur.com/5jvboHF.png';
banner[29]='http://i.imgur.com/ctI2eAE.png';
banner[30]='http://i.imgur.com/g2Kl3cP.png';
banner[31]='http://i.imgur.com/7RjNTi0.png';
banner[32]='http://i.imgur.com/Tv9Cx3w.png';
banner[33]='http://i.imgur.com/6uTQHTr.png';
banner[34]='http://i.imgur.com/Lq31H23.png';
banner[35]='http://i.imgur.com/yEWvnyQ.png';

index = Math.floor(Math.random() * banner.length);
$('a[id*="logo"]:first img').attr('src', banner[index]);

});

Olá @ShadowPrince e @Daemon

Guys, muito obrigado por responder meu tópico e pela atenção, fico extremamente agradecido por isso, sério mesmo!!

Finalmente consegui colocar a logo aleatória... porém ainda tem um problema, se acessarem o Meu Fórum podem perceber que a logo ficou abaixo dos Menus do Fórum e eu pensei que o mesmo ficaria em cima da "Descrição do Site". No caso é em cima de onde está escrito "Fórum em construção", e não faço a mínima ideia o que pode ter causado isso... Usei o Code que o Daemon passou na sessão de "Módulos > Gestão dos códigos JavaScript".

Edit. Imagem para exemplificar o problema:

Fico no aguardo, abraço.

Para mim não estava aparecendo o logo, se me permite eu fiz um cadastro para ver se o mesmo só estava sendo exibido para membros.

Reparei que não existe o elemento #logo
Que seria essencial para exibição do banner.
Para isso você precisará entrar,
Antes faça um backup do seu overall_header
Painel de Administração  Visualização Templates Geral  overall_header
A questão de onde você irá adicionar vai variar de acordo com que desejará fazer futuramente,
Mas de principio você pode procurar no overall_header
Por:

Código:

bodylinewidth

Você encontrará a seguinte tabela:

<table class="bodylinewidth" width="58%" cellspacing="0" cellpadding="10" border="0" align="center">

Antes adicione:

Código:

<a href="/forum" id="logo"><img src="http://2img.net/i/fa/empty.gif" /></a></br>

Ficará assim:

Código:

<a href="/forum" id="logo"><img src="http://2img.net/i/fa/empty.gif" /></a></br>
<table class="bodylinewidth" width="58%" cellspacing="0" cellpadding="10" border="0" align="center">

Salve e publique.

Olá @Cepheus fiz o que você sugeriu e o logo ficou no canto superior esquerdo da pagina, então coloquei o code "Center" e parece que resolveu o problema. O code modificado ficou assim:

<a href="/forum" id="logo"><center><img src="https://2img.net/i/fa/empty.gif" /></center></a>

De qualquer forma o logo está um pouco longe do Menus do fórum, não teria como deixar o mesmo mais próximo?

Grato pela atenção.

Adicionar esse css na sua folha de estilo:

Código:

.bodylinewidth {margin-top:-50px!important}

Perfeito! Ficou ótimo!!

@ShadowPrince @Daemon @Cepheus guys vocês são os melhores, muito obrigado pela ajuda, muito obrigado mesmo!!

Problema resolvido.