Detalhes da questão

Endereço do fórum: http://bestsoccerplayer.forumeiros.com/
Versão do fórum: PunBB

Descrição

Olá, bem segui o tutorial de logo aleatória bem como ele é dito, porém não funciona, não aparecem as logos, mesmo eu tendo seguido o tutorial de forma correta, o que pode ter acontecido?

Atenciosamente!

Poderia nos passar o link do tutorial que está a utilizar?

Opa, ai está https://ajuda.forumeiros.com/t22290-tutorial-logo-aleatorio

Tente utilizar esse (já incluso o banner aleatório, da outra questão):

Código:

/* global jQuery */

(function($) {
  'use strict';

  var logos = [
    'http://lorempixel.com/200/200/sports/1',
    'http://lorempixel.com/200/200/sports/2',
    'http://lorempixel.com/200/200/sports/3',
    'http://lorempixel.com/200/200/sports/4',
    'http://lorempixel.com/200/200/sports/5',
  ];

  var logo = logos[~~(Math.random() * logos.length)];

  var bgs = [
    'http://lorempixel.com/1200/500/sports/6',
    'http://lorempixel.com/1200/500/sports/7',
    'http://lorempixel.com/1200/500/sports/8',
    'http://lorempixel.com/1200/500/sports/9',
    'http://lorempixel.com/1200/500/sports/10',
  ];

  var bg = bgs[~~(Math.random() * bgs.length)];

  $(function() {
    $('#pun-logo img').attr('src', logo);
    $('#pun-intro').css('background-image', 'url(' + bg + ')');
  });
}(jQuery));


Você pode trocar os logos em:

Código:

var logos = [
  'http://lorempixel.com/200/200/sports/1',
  'http://lorempixel.com/200/200/sports/2',
  'http://lorempixel.com/200/200/sports/3',
  'http://lorempixel.com/200/200/sports/4',
  'http://lorempixel.com/200/200/sports/5',
];

E os banners em:

Código:

var bgs = [
  'http://lorempixel.com/1200/500/sports/6',
  'http://lorempixel.com/1200/500/sports/7',
  'http://lorempixel.com/1200/500/sports/8',
  'http://lorempixel.com/1200/500/sports/9',
  'http://lorempixel.com/1200/500/sports/10',
];

Sempre colocando os links entre apóstrofos (') e seguidos de vírgulas (,).

o/

Opa, desculpe minha falta de conhecimento , mas aonde devo inserir esses códigos?

Vá em Painel de controle Módulos HTML & JavaScript Gestão dos códigos JavaScripts Criar um novo JavaScript e adicione o código com Investimento em Todas as páginas. ^-^

Opa, deu certo, porém eu queria saber se é possivel eu sincronizar os backgrounds, por que por exemplo, o background do camp-nou(estadio do barcelona) deveria estar atrás do messi, e as vezes ele aparece atrás do cristiano ronaldo, sei que é por que é aleatório, mas gostaria de saber se tem como eu sincronizar isso?

Tente trocar por esse:

Código:

/* global jQuery */

(function($) {
  'use strict';
 
  var logoIndex;
  var bgIndex;

  var logos = [
    'http://lorempixel.com/200/200/sports/1',
    'http://lorempixel.com/200/200/sports/2',
    'http://lorempixel.com/200/200/sports/3',
    'http://lorempixel.com/200/200/sports/4',
    'http://lorempixel.com/200/200/sports/5',
  ];

  var bgs = [
    'http://lorempixel.com/1200/500/sports/1',
    'http://lorempixel.com/1200/500/sports/2',
    'http://lorempixel.com/1200/500/sports/3',
    'http://lorempixel.com/1200/500/sports/4',
    'http://lorempixel.com/1200/500/sports/5',
  ];

  if (localStorage) {
    logoIndex = localStorage.getItem('fa.random_imgs.logo_index');
    bgIndex = localStorage.getItem('fa.random_imgs.bg_index');

    logoIndex = logoIndex === null ? 0 : parseInt(logoIndex);
    bgIndex = bgIndex === null ? 0 : parseInt(bgIndex);

    if (logoIndex === logos.length) {
      logoIndex = 0;
    }

    if (bgIndex === bgs.length) {
      bgIndex = 0;
    }

    localStorage.setItem('fa.random_imgs.logo_index', logoIndex + 1);
    localStorage.setItem('fa.random_imgs.bg_index', bgIndex + 1);
  } else {
    logoIndex = ~~(Math.random() * logos.length);
    bgIndex = ~~(Math.random() * bgs.length);
  }

  var logo = logos[logoIndex];
  var bg = bgs[bgIndex];

  $(function() {
    $('#pun-logo img').attr('src', logo);
    $('#pun-intro').css('background-image', 'url(' + bg + ')');
  });
}(jQuery));


Perfeitooo!, tem como dar um avaliação SUPER pra você? haha

"Tamo junto". o/

---

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