Randomizar imagens na página principal
3 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre códigos Javascript e jQuery
Página 1 de 1 • Compartilhe
Randomizar imagens na página principal
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;
Re: Randomizar imagens na página principal
Olá,
Crie um novo Javascript com Investimento em Todas as páginas com o seguinte código:
Nessa parte do código acima:
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.
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.
Re: Randomizar imagens na página principal
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. |
Tópicos semelhantes
» Imagens flutuante na página
» Imagens na página principal
» Imagens pagina inicial
» Imagens no final da pagina
» Adicionar imagens em uma página HTML
» Imagens na página principal
» Imagens pagina inicial
» Imagens no final da pagina
» Adicionar imagens em uma página HTML
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre códigos Javascript e jQuery
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos