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.
Acesso rápido

Fóruns de suporte oficiais
Conectar-se

Esqueci minha senha

Últimos assuntos
» FanBar Roger
Hoje à(s) 07:43 pm por Roger_Crazzy

» Avatar Roger
Hoje à(s) 07:26 pm por Roger_Crazzy

» Botões de Moderação
Hoje à(s) 07:24 pm por Roger_Crazzy

» Como Importar/Exportar Postagens para outro fórum
Hoje à(s) 06:53 pm por 1Gu@n4

» Musica no Forum
Hoje à(s) 06:44 pm por Harleen

» Adicionar Javascript no post
Hoje à(s) 06:24 pm por Harleen

» Assinatura grande!
Hoje à(s) 03:34 pm por Tiger

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Parceiros Forumeiros
Os membros mais ativos da semana
Harleen
 
Luiz
 
Marcelo22m2
 
Kyo Panda
 
paulim78
 
APOllO
 
Shek
 
Lincoln
 
Roger_Crazzy
 
>.< T-T =3
 

Quem está conectado
298 usuários online :: 9 usuários cadastrados, 1 Invisível e 288 Visitantes :: 2 Motores de busca

'Dante, 1Gu@n4, Daemon, Froozen, Lincoln, Marmitt, Roger_Crazzy, Satoru, Wamki

[ Ver toda a lista ]


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

Randomizar imagens na página principal

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

Resolvido Randomizar imagens na página principal

Mensagem por Date em 19/12/16, 03:36 am

Detalhes da questão


Endereço do fórum: http://overwatchbr.forumeiros.com/
Versão do fórum: PhpBB3

Descrição


Então, já encontrei alguns tópicos explicando como randomizar o logo e o fundo, mas como faria para randomizar imagens que não são da estrutura natural do fórum?

Como podem ver aqui, gostaria de fazer com que o papai noel randomizasse para outras imagens, como por exemplo, outros papais noel. A imagem maior está como logo pela configuração da folha de css, mas com ela estou satisfeito. A mudança seria no personagem exclusivamente.

Existe algum código para randomizar imagens que não constam na estrutura original (como logo, background, ícone da categoria) na main page do fórum?

PS: código atual do papai noel na minha folha de css:
Código:
#emptyidright{
z-index: -1;
position: absolute;
top: 150px;
margin-left: 10px;
width: 936px;
height: 301px;
background: url(http://i66.servimg.com/u/f66/11/96/49/61/santa10.png) no-repeat;
avatar

Date
Nível 2

Masculino
Inscrito dia : 23/08/2013
Mensagens : 13
Pontos Ativos : 25

http://crepusculodosdeuses.forumeiros.com

Resolvido Re: Randomizar imagens na página principal

Mensagem por Kyo Panda em 19/12/16, 08:37 am

Olá,

Crie um novo Javascript com Investimento em Todas as páginas com o seguinte código:

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

  var imgs = [
    'https://i.imgur.com/jM5EOBK.png',
    'http://example.com/url-para-outra-imagem.png',
    'http://example.com/url-para-outra-imagem.png',
    'http://example.com/url-para-outra-imagem.png',
  ];

  $(function () {
    $('#emptyidright').css('background-image', [
      'url(', imgs[~~(Math.random() * imgs.length)], ')'
    ].join(''));
  });
}(jQuery));

Nessa parte do código acima:

Código:
var imgs = [
  'https://i.imgur.com/jM5EOBK.png',
  'http://example.com/url-para-outra-imagem.png',
  'http://example.com/url-para-outra-imagem.png',
  'http://example.com/url-para-outra-imagem.png',
];

O senhor pode personalizar as imagens que deseja. Apenas adicione as URLs entre apóstrofos, com uma vírgula no final.

Se desejar, o senhor também pode informar as imagens e eu acerto o código.

Feliz
avatar

Kyo Panda
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 08/01/2012
Mensagens : 3638
Pontos Ativos : 4859

http://ajuda.forumeiros.com

Resolvido Re: Randomizar imagens na página principal

Mensagem por Cream em 26/12/16, 12:10 pm

Questão abandonada pelo autor, mas considerada resolvida por ter solução para o problema.
Tópico marcado como Resolvido e movido para Questões resolvidas.
avatar

Cream
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 15/12/2010
Mensagens : 8540
Pontos Ativos : 11637

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