Banner rotativo

2 participantes

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

Tópico resolvido Banner rotativo

Mensagem por vcapelli 15.07.20 21:35

Detalhes da questão


Endereço do fórum: http://sistema-forum.forumeiros.com/forum
Versão do fórum: AwesomeBB

Descrição


Queria colocar um slide no header-banner do meu fórum, como indicado na foto abaixo, eu cheguei a usar esse tutorial: [TUTORIAL] Como transformar seu banner em um slide show porém ele muda o logo do fórum Aff

Banner rotativo ZwRjy8l

Js que uso:
Código:
(function() {
 var BannerRotator = {
  images : [
    'https://ogimg.infoglobo.com.br/in/24091098-9ef-c93/FT1086A/652/84565727_BRASILBrasilia-DF13-09-2019Fotos-da-fachada-do-Congresso-Nacional-Palacio-da-Justi.jpg',
    'https://f.i.uol.com.br/fotografia/2018/07/26/15326507755b5a65177921a_1532650775_3x2_rt.jpg'
  ],
 
  start_delay : 5000,
  duration : 5000,
  height : 'auto',
 
  fade_image : true,
  fade_speed : 1200,
 
  keep_initial : true,
  remember_position : true,
  preload : true,
 
  // technical data below
  index : -1,
  logo : null,
 
  // increment the index and display the next image in rotation after a small delay
  next : function(ms) {
    if (ms === undefined) ms = FA.BannerRotator.duration;
 
    window.setTimeout(function() {
      if (++FA.BannerRotator.index >= FA.BannerRotator.images.length) FA.BannerRotator.index = 0; // reset index when it exceeds "images" length
      if (FA.BannerRotator.remember_position) my_setcookie('fa_banner_index', FA.BannerRotator.index); // remember the last banner shown
    
      // fade banner in and out
      if (FA.BannerRotator.fade_image) {
        $(FA.BannerRotator.logo).fadeOut(FA.BannerRotator.fade_speed, function() {
          FA.BannerRotator.logo.src = FA.BannerRotator.images[FA.BannerRotator.index]; // set next banner
          $(this).fadeIn(FA.BannerRotator.fade_speed, FA.BannerRotator.next); // fade it in
        });
      }
 
      // default rotation
      else {
        FA.BannerRotator.logo.src = FA.BannerRotator.images[FA.BannerRotator.index];
        FA.BannerRotator.next();
      }
    }, ms);
  },
 
  // initial start up to get the correct logo node and setup some other settings
  init : function() {
    var logo = document.getElementById('i_logo') || document.getElementById('logo') || document.getElementById('pun-logo'),
        index = my_getcookie('fa_banner_index');
      
    if (logo) {
      FA.BannerRotator.logo = logo.tagName == 'IMG' ? logo : logo.firstChild;
      FA.BannerRotator.logo.style.height = FA.BannerRotator.height;
    
      if (FA.BannerRotator.keep_initial) FA.BannerRotator.images[FA.BannerRotator.images.length] = FA.BannerRotator.logo.src;
      if (FA.BannerRotator.remember_position && index) {
        FA.BannerRotator.index = +index;
        FA.BannerRotator.logo.src = FA.BannerRotator.images[FA.BannerRotator.index] || FA.BannerRotator.images[0];
      }
    
      FA.BannerRotator.next(FA.BannerRotator.start_delay);
    } else if (window.console && window.console.warn) {
      console.warn('Your forum version is not optimized for this plugin');
    }
  }
 };
 
 if (!window.FA) FA = {};
 if (!FA.BannerRotator) {
  FA.BannerRotator = BannerRotator;
 
  if (FA.BannerRotator.preload) {
    for (var i = 0, j = FA.BannerRotator.images.length, img; i < j; i++) {
      img = document.createElement('IMG');
      img.src = FA.BannerRotator.images[i];
    }
  }
 
  $(FA.BannerRotator.init);
 }
}());

Obrigado desde já Envergonhado  Rosa
vcapelli

vcapelli
Nível 9

Masculino
Inscrito dia : 17/02/2018
Mensagens : 202
Pontos ativos : 388

https://sistema-forum.forumeiros.com/ https://www.facebook.com/capellindao https://twitter.com/vitorcapee

Ir para o topo Ir para baixo

Admineiro

Tópico resolvido Re: Banner rotativo

Mensagem por pedxz 15.07.20 21:51

Olá @vcapelli,

Leia este tópico: Questão resolvida, qualquer dúvida diga!


Atenciosamente,
pedxz.


Boas-vindas 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 editando a sua primeira postagem.
Pedxz - Admineiro
pedxz

pedxz
Admineiro
Admineiro

Inscrito dia : 13/01/2017
Mensagens : 6485
Pontos ativos : 7649

Ir para o topo Ir para baixo

Tópico resolvido Re: Banner rotativo

Mensagem por vcapelli 15.07.20 21:57

Coloquei ela aqui mas estou com a sensação que ela não está mudando Hmmm
vcapelli

vcapelli
Nível 9

Masculino
Inscrito dia : 17/02/2018
Mensagens : 202
Pontos ativos : 388

https://sistema-forum.forumeiros.com/ https://www.facebook.com/capellindao https://twitter.com/vitorcapee

Ir para o topo Ir para baixo

Admineiro
  • 0

Tópico resolvido Re: Banner rotativo

Mensagem por pedxz 15.07.20 21:58

Ele atualiza a cada atualização da página, o senhor prefere que seja alterado x em x segundos?


Boas-vindas 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 editando a sua primeira postagem.
Pedxz - Admineiro
pedxz

pedxz
Admineiro
Admineiro

Inscrito dia : 13/01/2017
Mensagens : 6485
Pontos ativos : 7649

Ir para o topo Ir para baixo

Tópico resolvido Re: Banner rotativo

Mensagem por vcapelli 15.07.20 22:01

Sim, por favor
vcapelli

vcapelli
Nível 9

Masculino
Inscrito dia : 17/02/2018
Mensagens : 202
Pontos ativos : 388

https://sistema-forum.forumeiros.com/ https://www.facebook.com/capellindao https://twitter.com/vitorcapee

Ir para o topo Ir para baixo

Admineiro
  • 0

Tópico resolvido Re: Banner rotativo

Mensagem por pedxz 15.07.20 22:15

Altere para:
Código:
(function($) {
    'use strict';

    var banner = [
        'https://i.servimg.com/u/f28/11/40/02/06/scre1937.png',
        'https://i.servimg.com/u/f28/11/40/02/06/1575.png',
        'https://i.imgur.com/3joqxMR.png'
    ];
 
    $(function() {
 
        $('#header-banner').css({
            'background-image': 'url(' + banner[Math.floor(Math.random() * banner.length)] + ')'
        });
        setInterval(function() {
            $('#header-banner').css({
                'background-image': 'url(' + banner[Math.floor(Math.random() * banner.length)] + ')'
            });
        }, 3000);
 
    });
})(jQuery);


Boas-vindas 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 editando a sua primeira postagem.
Pedxz - Admineiro
pedxz

pedxz
Admineiro
Admineiro

Inscrito dia : 13/01/2017
Mensagens : 6485
Pontos ativos : 7649

Ir para o topo Ir para baixo

Tópico resolvido Re: Banner rotativo

Mensagem por vcapelli 15.07.20 22:18

No 3000 seria o tempo de rotação?
vcapelli

vcapelli
Nível 9

Masculino
Inscrito dia : 17/02/2018
Mensagens : 202
Pontos ativos : 388

https://sistema-forum.forumeiros.com/ https://www.facebook.com/capellindao https://twitter.com/vitorcapee

Ir para o topo Ir para baixo

Admineiro
  • 0

Tópico resolvido Re: Banner rotativo

Mensagem por pedxz 15.07.20 22:21

Sim, que é exatamente 3 segundos (3000 milissegundos), pode ser alterado ao seu gosto!


Boas-vindas 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 editando a sua primeira postagem.
Pedxz - Admineiro
pedxz

pedxz
Admineiro
Admineiro

Inscrito dia : 13/01/2017
Mensagens : 6485
Pontos ativos : 7649

Ir para o topo Ir para baixo

Tópico resolvido Re: Banner rotativo

Mensagem por vcapelli 15.07.20 22:23

Perfeito então! Obrigado Feliz
vcapelli

vcapelli
Nível 9

Masculino
Inscrito dia : 17/02/2018
Mensagens : 202
Pontos ativos : 388

https://sistema-forum.forumeiros.com/ https://www.facebook.com/capellindao https://twitter.com/vitorcapee

Ir para o topo Ir para baixo

Admineiro

Tópico resolvido Re: Banner rotativo

Mensagem por pedxz 15.07.20 22:25

Party

Tópico resolvido


Movido para "Questões resolvidas".


Boas-vindas 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 editando a sua primeira postagem.
Pedxz - Admineiro
pedxz

pedxz
Admineiro
Admineiro

Inscrito dia : 13/01/2017
Mensagens : 6485
Pontos ativos : 7649

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo


Permissões neste fórum
Você não pode responder aos tópicos