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 9

Inscrito dia : 07/03/2016
Mensagens : 168
Pontos Ativos : 279

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 : 1567
Pontos Ativos : 2126

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 9

Inscrito dia : 07/03/2016
Mensagens : 168
Pontos Ativos : 279

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 : 1567
Pontos Ativos : 2126

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 9

Inscrito dia : 07/03/2016
Mensagens : 168
Pontos Ativos : 279

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 : 5031
Pontos Ativos : 6711

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 : 17160
Pontos Ativos : 21418

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 9

Inscrito dia : 07/03/2016
Mensagens : 168
Pontos Ativos : 279

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 : 17160
Pontos Ativos : 21418

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 9

Inscrito dia : 07/03/2016
Mensagens : 168
Pontos Ativos : 279

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
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 22/04/2016
Mensagens : 5810
Pontos Ativos : 6649

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 9

Inscrito dia : 07/03/2016
Mensagens : 168
Pontos Ativos : 279

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

Luiz
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 22/04/2016
Mensagens : 5810
Pontos Ativos : 6649

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 9

Inscrito dia : 07/03/2016
Mensagens : 168
Pontos Ativos : 279

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

Kyo Panda
Super usuário

Masculino
Inscrito dia : 08/01/2012
Mensagens : 4638
Pontos Ativos : 5914

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

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

- Tópicos similares

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