Imagem que altera de acordo com o grupo
2 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
Imagem que altera de acordo com o grupo
Detalhes da questão
Endereço do fórum: http://headspace.forumeiros.com
Versão do fórum: phpBB3
Descrição
Boa tarde!
Estou utilizando um código para criar uma interação entre o grupo dos membros, para alterar imagens e cores em algumas áreas. No entanto em uma específica, não esta funcionando de forma correta
O código que estou utilizando é esse:
- Código:
`$(function() {
$('.recolorir').each(function() {
var getthisId = $(this).attr('id'),
getColor = $('#' + getthisId + '.cor-grupo2 a span').css('color'),
selectors = [
'.recicon',
];
if (getColor == 'rgb(24, 46, 111)') { /* admins */
$('#' + getthisId).find(selectors.join(',')).css('backgroundImage','url(https://i.imgur.com/rV7HTvA.png)');
}
if (getColor == 'rgb(112, 62, 146)') { /* moderadores */
$('#' + getthisId).find(selectors.join(',')).css('backgroundImage','url(https://i.imgur.com/OM3D7JI.png)');
}
if (getColor == 'rgb(80, 97, 122)') { /* mestres */
$('#' + getthisId).find(selectors.join(',')).css('backgroundImage','url(https://i.imgur.com/eP8PP2k.png)');
}
if (getColor == 'rgb(189, 95, 91)') { /* avaliadores */
$('#' + getthisId).find(selectors.join(',')).css('backgroundImage','url(https://i.imgur.com/55yZDxT.png)');
}
if (getColor == 'rgb(187, 60, 60)') { /* nukennin */
$('#' + getthisId).find(selectors.join(',')).css('backgroundImage', 'url(https://i.imgur.com/3Jj62Xy.png)');
}
if (getColor == 'rgb(168, 208, 107)') { /* colônias */
$('#' + getthisId).find(selectors.join(',')).css('backgroundImage', 'url(https://imgur.com/A1fi5Oj.png)');
}
if (getColor == 'rgb(50, 142, 90)') { /* konoha */
$('#' + getthisId).find(selectors.join(',')).css('backgroundImage', 'url(https://i.imgur.com/s5tMOgP.png)');
}
if (getColor == 'rgb(129, 112, 100)') { /* kumo */
$('#' + getthisId).find(selectors.join(',')).css('backgroundImage', 'url(https://i.imgur.com/4rYGhoL.png)');
}
if (getColor == 'rgb(129, 112, 100)') { /* iwagakure */
$('#' + getthisId).find(selectors.join(',')).css('backgroundImage', 'url(https://i.imgur.com/uAQDAXJ.png)');
}
if (getColor == 'rgb(129, 112, 100)') { /* sunagakure */
$('#' + getthisId).find(selectors.join(',')).css('backgroundImage', 'url(https://i.imgur.com/7SCgEyk.png)');
}
if (getColor == 'rgb(129, 112, 100)') { /* kirigakure */
$('#' + getthisId).find(selectors.join(',')).css('backgroundImage', 'url(https://i.imgur.com/BwjcqeQ.png)');
}
if (getColor == 'rgb(114, 92, 168)') { /* amegakure */
$('#' + getthisId).find(selectors.join(',')).css('backgroundImage', 'url(https://i.imgur.com/9nCjpws.png)');
}
if (getColor == 'rgb(175, 109, 167)') { /* otogakure */
$('#' + getthisId).find(selectors.join(',')).css('backgroundImage', 'url(https://i.imgur.com/uAQDAXJ.png)');
}
});
});`
E a área que desejo aplica-lo é a de últimos assuntos, disposta na Home Page.
Por favor, poderiam me auxiliar?
Re: Imagem que altera de acordo com o grupo
Olá @zHugh,
Altere o seu código para:
pedxz.
Altere o seu código para:
- Código:
(function($) {
'use strict';
var rank = [{
colour: 'rgb(24, 46, 111)',
/* admins */
background: 'https://i.imgur.com/rV7HTvA.png'
}, {
colour: 'rgb(112, 62, 146)',
/* moderadores */
background: 'https://i.imgur.com/OM3D7JI.png'
}, {
colour: 'rgb(80, 97, 122)',
/* mestres */
background: 'https://i.imgur.com/eP8PP2k.png'
}, {
colour: 'rgb(189, 95, 91)',
/* avaliadores */
background: 'https://i.imgur.com/55yZDxT.png'
}, {
colour: 'rgb(187, 60, 60)',
/* nukennin */
background: 'https://i.imgur.com/3Jj62Xy.png'
}, {
colour: 'rgb(168, 208, 107)',
/* colônias */
background: 'https://imgur.com/A1fi5Oj.png'
}, {
colour: 'rgb(50, 142, 90)',
/* konoha */
background: 'https://i.imgur.com/s5tMOgP.png'
}, {
colour: 'rgb(129, 112, 100)',
/* kumo */
background: 'https://i.imgur.com/4rYGhoL.png'
}, {
colour: 'rgb(129, 112, 100)',
/* iwagakure */
background: 'https://i.imgur.com/uAQDAXJ.png'
}, {
colour: 'rgb(129, 112, 100)',
/* sunagakure */
background: 'https://i.imgur.com/7SCgEyk.png'
}, {
colour: 'rgb(129, 112, 100)',
/* kirigakure */
background: 'https://i.imgur.com/BwjcqeQ.png'
}, {
colour: 'rgb(114, 92, 168)',
/* amegakure */
background: 'https://i.imgur.com/9nCjpws.png'
}, {
colour: 'rgb(175, 109, 167)',
/* otogakure */
background: 'https://i.imgur.com/uAQDAXJ.png'
}];
$(function() {
$('.recolorir').each(function() {
var $this = $(this);
var $color = $this.find('span[style]');
if (!$color.css('color')) return;
$.each(rank, function(index, current) {
if (!current.colour || !current.background) return;
if ($color.css('color') !== current.colour) {
return;
}
$this
.find('.recicon')
.css('background-image', 'url(' + current.background + ')');
});
});
});
})(jQuery);
pedxz.
tikky- Admineiro
- Membro desde : 13/01/2017
Mensagens : 7970
Pontos : 9234
Re: Imagem que altera de acordo com o grupo
Funcionou Pedxz <3
Thanks
Thanks
Re: Imagem que altera de acordo com o grupo
Tópico resolvidoMovido para "Questões resolvidas". |
tikky- Admineiro
- Membro desde : 13/01/2017
Mensagens : 7970
Pontos : 9234
Tópicos semelhantes
» Como posso altera essa imagem ?
» [Avatar] 150x200 - de acordo com a imagem
» [Assinatura] Médio - De acordo com a imagem
» [Ranks] Modificação na escrita - De acordo com a imagem
» Variar imagem de fundo de acordo com os fóruns
» [Avatar] 150x200 - de acordo com a imagem
» [Assinatura] Médio - De acordo com a imagem
» [Ranks] Modificação na escrita - De acordo com a imagem
» Variar imagem de fundo de acordo com os fóruns
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