Como transformar seu banner em um slideshow

2 participantes

Ir para baixo

Tópico resolvido Como transformar seu banner em um slideshow

Mensagem por DustyRhodes 08.11.17 11:15

Detalhes da questão


Endereço do fórum: http://www.ccdos.forumeiros.com
Versão do fórum: phpBB2

Descrição


Bom Dia

Venho por este meio solicitar quantas imagens posso colocar neste JavaScript?

Código:
(function() {
 var BannerRotator = {
  images : [
    'https://i62.servimg.com/u/f62/15/94/56/46/mascar11.jpg',
    'http://i21.servimg.com/u/f21/18/21/60/73/logo10.png'
  ],
 
  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);
 }
}());

Com os meus Cumprimentos

DustyRhodes
DustyRhodes
DustyRhodes
***

Membro desde : 26/10/2015
Mensagens : 171
Pontos : 347

http://www.ccdos.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Como transformar seu banner em um slideshow

Mensagem por Ketholy 08.11.17 13:01

Olá DustyRhodes,

O senhor pode utilizar quantas imagens preferir.
Ketholy
Ketholy
Super Membro

Membro desde : 20/01/2017
Mensagens : 1309
Pontos : 1577

http://jogosrpg-com-br.forumais.com/forum https://twitter.com/Ketholy Suan

Ir para o topo Ir para baixo

Tópico resolvido Re: Como transformar seu banner em um slideshow

Mensagem por Ketholy 08.11.17 14:18

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

Membro desde : 20/01/2017
Mensagens : 1309
Pontos : 1577

http://jogosrpg-com-br.forumais.com/forum https://twitter.com/Ketholy Suan

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

 
Permissões neste sub-fórum
Não podes responder a tópicos