Fórum dos Fóruns

Fórum dos Fóruns Forumeiros

Welcome FdF Bem-vindo ao fórum de suporte Forumeiros  Muito feliz


Para aproveitar tudo o que o nosso fórum lhe oferece, agradecemos que se identifique, se já é nosso membro, ou que se junte à nossa comunidade, fazendo o seu registo.
Conectar-se

Esqueci minha senha

Últimos assuntos
Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Quem está conectado
192 usuários online :: 5 usuários cadastrados, Nenhum Invisível e 187 Visitantes :: 2 Motores de busca

CesarWatsom2, cheephard, juleic1123, Luks_Ponte, odelgado

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em 24/12/09, 01:05 pm

Como colocar logo aleatório no meu fórum?

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

Resolvido Como colocar logo aleatório no meu fórum?

Mensagem por Eduardo Lima em 25/08/17, 05:55 pm

Detalhes da questão


Endereço do fórum: http://www.brasilplayforever.com/forum
Versão do fórum: phpBB3

Descrição


Tava querendo colocar logo aleatório que mude conforme o tempo estipulado... peguei o código do tópico abaixo, mas não tive sucesso... queria uma forcinha de vocês para poder consertar isso.

http://ajuda.forumeiros.com/t22290-tutorial-logo-aleatorio


Última edição por Eduardo Lima em 29/08/17, 01:22 pm, editado 1 vez(es)

Eduardo Lima
Nível 8

Inscrito dia : 07/03/2016
Mensagens : 129
Pontos Ativos : 220

Ver perfil do usuário http://www.brasilplayforever.com/forum

Resolvido Re: Como colocar logo aleatório no meu fórum?

Mensagem por iScroll em 25/08/17, 06:01 pm

Tente esse JS em todas as páginas:

Código:
; (function ($) {
        'use strict';
   
        var slides, list, styles;
   
        slides = [{
            image: 'LINK DA IMG',
            link: 'LINK PARA ONDE A IMAGEM VAI REDIRECIONAR'
        }];
   
        styles = [
            'http://cdn.rawgit.com/idiot/unslider/master/dist/css/unslider.css',
            'http://cdn.rawgit.com/idiot/unslider/master/dist/css/unslider-dots.css'
        ];
   
        list = $('<ul>');
   
        $(function () {
            $.each(styles, function (key, style) {
                $('<link>', {
                    rel: 'stylesheet',
                    href: style
                }).appendTo('head');
            });
   
            $.getScript('http://cdn.rawgit.com/idiot/unslider/master/dist/js/unslider-min.js', function () {
   
                $.each(slides, function (key, slide) {
                    var item, link;
   
                    if (typeof slide.image !== 'undefined') {
                        item = $('<img>', {
                            src: slide.image
                        });
                    }
   
                    if (typeof slide.link !== 'undefined') {
                        link = $('<a>', {
                            href: slide.link,
                            html: typeof item !== 'undefined' ? item.prop('outerHTML') : ''
                        });
                    }
   
                    $('<li>', {
                        html: typeof link !== 'undefined' ? link.prop('outerHTML') : item.prop('outerHTML')
                    }).appendTo(list);
                });
               
                $('#branding')
                    .html('')
                    .append(list)               
                    .unslider({
                        arrows: false,
                        autoplay: true,
                        delay: 8000
                    });
            });
        });
    })(jQuery);
avatar

iScroll
Membro do Fórum

Masculino
Inscrito dia : 08/03/2015
Mensagens : 1563
Pontos Ativos : 2122

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

Resolvido Re: Como colocar logo aleatório no meu fórum?

Mensagem por Eduardo Lima em 25/08/17, 06:17 pm

@iScroll escreveu:Tente esse JS em todas as páginas:

Código:
; (function ($) {
        'use strict';
   
        var slides, list, styles;
   
        slides = [{
            image: 'LINK DA IMG',
            link: 'LINK PARA ONDE A IMAGEM VAI REDIRECIONAR'
        }];
   
        styles = [
            'http://cdn.rawgit.com/idiot/unslider/master/dist/css/unslider.css',
            'http://cdn.rawgit.com/idiot/unslider/master/dist/css/unslider-dots.css'
        ];
   
        list = $('<ul>');
   
        $(function () {
            $.each(styles, function (key, style) {
                $('<link>', {
                    rel: 'stylesheet',
                    href: style
                }).appendTo('head');
            });
   
            $.getScript('http://cdn.rawgit.com/idiot/unslider/master/dist/js/unslider-min.js', function () {
   
                $.each(slides, function (key, slide) {
                    var item, link;
   
                    if (typeof slide.image !== 'undefined') {
                        item = $('<img>', {
                            src: slide.image
                        });
                    }
   
                    if (typeof slide.link !== 'undefined') {
                        link = $('<a>', {
                            href: slide.link,
                            html: typeof item !== 'undefined' ? item.prop('outerHTML') : ''
                        });
                    }
   
                    $('<li>', {
                        html: typeof link !== 'undefined' ? link.prop('outerHTML') : item.prop('outerHTML')
                    }).appendTo(list);
                });
               
                $('#branding')
                    .html('')
                    .append(list)               
                    .unslider({
                        arrows: false,
                        autoplay: true,
                        delay: 8000
                    });
            });
        });
    })(jQuery);
Não entendi essa parte: 'LINK PARA ONDE A IMAGEM VAI REDIRECIONAR'
Tô querendo colocar mais de um logo que fique alternando conforme o tempo, sem precisar atualizar a página... sabe, passa uns segundos e muda de logo, depois muda pra outro, assim por diante...

Eduardo Lima
Nível 8

Inscrito dia : 07/03/2016
Mensagens : 129
Pontos Ativos : 220

Ver perfil do usuário http://www.brasilplayforever.com/forum

Resolvido Re: Como colocar logo aleatório no meu fórum?

Mensagem por iScroll em 25/08/17, 06:20 pm

Esse código faz exatamente isso, só que esse só da pra adicionar uma imagem pq apaguei onde colocava o 2º e 3º banner.
O link de onde vai redirecionar é qnd clicar na imagem, no caso do seu fórum redireciona para /forum.

O código está ai, creio que os moderadeiros podem lhe ajudar com a configuração dele.
Mas faça o teste com 1 banner mesmo para ver se funciona e não dá nenhum erro.
avatar

iScroll
Membro do Fórum

Masculino
Inscrito dia : 08/03/2015
Mensagens : 1563
Pontos Ativos : 2122

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

Resolvido Re: Como colocar logo aleatório no meu fórum?

Mensagem por Eduardo Lima em 25/08/17, 06:31 pm

Testei aqui e não resulta em nada

Eduardo Lima
Nível 8

Inscrito dia : 07/03/2016
Mensagens : 129
Pontos Ativos : 220

Ver perfil do usuário http://www.brasilplayforever.com/forum

Resolvido Re: Como colocar logo aleatório no meu fórum?

Mensagem por Fraise em 26/08/17, 07:11 pm

Boas,

Eu testei e o código está funcional, Eduardo. Você seguiu os passos do tutorial corretamente?
O JavaScript a ser utilizado é este aplicado em todas as páginas:
Código:
var banner = new Array();

banner[0]='ENDERECO_DA_IMAGEM';
banner[1]='ENDERECO_DA_IMAGEM2';
banner[2]='ENDERECO_DA_IMAGEM3';

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

É só substituir ENDERECO_DA_IMAGEM, ENDERECO_DA_IMAGEM2, ENDERECO_DA_IMAGEM3 pelas respetivas imagens desejadas.

Abraço.
avatar

Fraise
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 26/06/2015
Mensagens : 5023
Pontos Ativos : 6703

Ver perfil do usuário http://ajuda.forumeiros.com/ https://twitter.com/@FraiseFdF
  • 0

Resolvido Re: Como colocar logo aleatório no meu fórum?

Mensagem por Shek em 26/08/17, 09:25 pm

Boa noite.

Primeiramente, recomendamos não usar tags ou prefixos em suas dúvidas, por favor. Isso não é vantajoso.

Para complementar a resposta do Fraise, o funcionamento do código pode estar sendo comprometido em sua comunidade simplesmente pelo fato de haver milhares de erros de scripts. Ao entrar no fórum já vejo que há colisões nos scripts:
- http://www.brasilplayforever.com/15489.js
- http://www.brasilplayforever.com/99011.js
- http://www.brasilplayforever.com/12557.js

Se não corrigir estes erros apresentados no Console, qualquer script que incluir no fórum não vai funcionar.

Atenciosamente.


Shek CrowleyAdmineiro - Fórum dos Fóruns

Clicar no botão ou no OBRIGADO não mata ninguém!
avatar

Shek
Admineiro
Admineiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 17002
Pontos Ativos : 21301

Ver perfil do usuário http://www.shiftactif.com https://go.topicit.net/ZosT/61pMt1mPsG https://www.facebook.com/shek.crowley https://twitter.com/shek_forumactif

Resolvido Re: Como colocar logo aleatório no meu fórum?

Mensagem por Eduardo Lima em 27/08/17, 11:14 am

Desativei/excluí os scripts que estavam em colisão... apenas um que não posso, que é um sistema de logs que temos para ver os moderadores que editem a barrinha de avisos dos usuários... esse script está investido em todas as páginas.
Eu não sou nenhum programador, então nem sei se o script tem alguma parte errada, mas ele está funcionando.

Mesmo assim, o código não resulta. ):

Aparece esse erro no console: 19343.js:1 Uncaught TypeError: Cannot read property 'firstChild' of null

Eduardo Lima
Nível 8

Inscrito dia : 07/03/2016
Mensagens : 129
Pontos Ativos : 220

Ver perfil do usuário http://www.brasilplayforever.com/forum

Resolvido Re: Como colocar logo aleatório no meu fórum?

Mensagem por Shek em 27/08/17, 01:28 pm

Olá!

Então, este script: http://www.brasilplayforever.com/19343.js é o problema? Reaplique o tutorial Logo rotativo: http://ajuda.forumeiros.com/t22323-tutorial-logo-rotativo O firstChild está retornando valor nulo. É como se não houvesse nada lá.

Se não usas mais este script, é recomendável desativá-lo.


Shek CrowleyAdmineiro - Fórum dos Fóruns

Clicar no botão ou no OBRIGADO não mata ninguém!
avatar

Shek
Admineiro
Admineiro

Masculino
Inscrito dia : 11/04/2009
Mensagens : 17002
Pontos Ativos : 21301

Ver perfil do usuário http://www.shiftactif.com https://go.topicit.net/ZosT/61pMt1mPsG https://www.facebook.com/shek.crowley https://twitter.com/shek_forumactif

Resolvido Re: Como colocar logo aleatório no meu fórum?

Mensagem por Eduardo Lima em 27/08/17, 03:29 pm

Deletei o script anterior e criei outro do tutorial Logo rotativo (na qual já estava): http://www.brasilplayforever.com/15045.js mas continua dando esse erro no console: firstChild. Desativei todos os scripts só para ver se estava dando conflito com algum, mas mesmo assim não funciona...

Eduardo Lima
Nível 8

Inscrito dia : 07/03/2016
Mensagens : 129
Pontos Ativos : 220

Ver perfil do usuário http://www.brasilplayforever.com/forum
  • 0

Resolvido Re: Como colocar logo aleatório no meu fórum?

Mensagem por Luiz em 27/08/17, 07:32 pm

Troque por:
Código:
(function ($) {
  'use strict';

  // Lista de URL's das logos:
  var logos = [
    'https://i.imgur.com/VwWqItZ.png',
    'endereço_url_2',
    'endereço_url_3',
    '...'
  ];

  $(function () {
    // Gerar um número aleatório de acordo com a quantidade de URL's listadas acima.
    var $el    = $('#logo > img');
    var number = Math.floor(Math.random() * logos.length);

    // Trocar o atributo `src` original:
    $el.attr('src', logos[number]);
  });
}(jQuery));

Você poderá configurar as URL's nesse array:
Código:
var logos = [
  'https://i.imgur.com/VwWqItZ.png',
  'endereço_url_2',
  'endereço_url_3',
  '...'
];

Lembre-se de adicionar uma vírgula após cada URL, exceto na última da lista, como no exemplo acima.
Espero ter ajudado. o/
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 5808
Pontos Ativos : 6646

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

Resolvido Re: Como colocar logo aleatório no meu fórum?

Mensagem por Eduardo Lima em 27/08/17, 08:06 pm

Perfeito, está trocando agora, mas só quando atualiza a página... tem como fazer com que troque sozinho em um tempo X sem que precise atualizar a página? Com algum efeito na troca, sem ser diretão, sacas?

Eduardo Lima
Nível 8

Inscrito dia : 07/03/2016
Mensagens : 129
Pontos Ativos : 220

Ver perfil do usuário http://www.brasilplayforever.com/forum
  • 0

Resolvido Re: Como colocar logo aleatório no meu fórum?

Mensagem por Luiz em 28/08/17, 09:42 am

Aí é mais fácil que o senhor crie um slider para o seu fórum:
-> http://ajuda.forumeiros.com/t98820-tutorial-gerador-de-slides

Creio que não seja possível fazer uma "transição leve" para mudanças de atributo, como o src.

o/


Bem-vindo ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
Luiz — Ajudeiro
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 5808
Pontos Ativos : 6646

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

Resolvido Re: Como colocar logo aleatório no meu fórum?

Mensagem por Eduardo Lima em 29/08/17, 01:21 pm

Muito obrigado, irei usar esse formulário aí, Luiz.


Grato a todos.

Eduardo Lima
Nível 8

Inscrito dia : 07/03/2016
Mensagens : 129
Pontos Ativos : 220

Ver perfil do usuário http://www.brasilplayforever.com/forum

Resolvido Re: Como colocar logo aleatório no meu fórum?

Mensagem por Kyo Panda em 30/08/17, 11:12 am

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.
Tópico marcado como Resolvido e movido para Questões resolvidas.


Bem-vindo ao Fórum dos Fóruns!
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.
Seja cordial e respeite o tempo dos voluntários para atender o seu pedido.
Kyo Panda — Moderadeiro
avatar

Kyo Panda
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 08/01/2012
Mensagens : 4583
Pontos Ativos : 5832

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

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