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?

Olá @zHugh,

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);

Atenciosamente,
pedxz.

Funcionou Pedxz <3

Thanks