-1

Pessoal gostaria de saber como buscar uma imagem ao invés de color nesse array javascript abaixo Ao invés disso:

<script>
  array var arrDados = [{title: "Dados 1", value: 1, **color**: "#fe4400"}]
</script>

Queria alterar para buscar imagem, só que da forma abaixo não está correta:

<script>
    var arrDados = [ {title: "Dados 1", value: 1, background-image: "www.site.com.br/imagem/figura.png"}]
</script>

Onde está color desenho pegar uma imagem. Grato pela ajuda de vocês

9
  • Onde está a imagem?
    – Sam
    Commented 2/06/2018 às 18:03
  • eu quero que ao invés de color, o array puxe uma imagem do servidor. Por exemplo, var arrDados = [ {title: "Dados 1", value: 1, background-image: "www.site.com.br/imagem/figura.png" }. Só que dessa forma a imagem não é buscada. Qual seria a forma correta? Commented 2/06/2018 às 18:11
  • <script >var arrDados = [ {title: "Dados 1", value: 1, background-image: "www.site.com.br/imagem/figura.png" }]</script > Commented 2/06/2018 às 18:13
  • 1
    Não entendi exatamente nada. Releia sua pergunta e veja se tem lógica. Nos informe mais, principalmente de onde você está recebendo as informações. Commented 2/06/2018 às 18:25
  • 3
    Acho que isso só aceita cor, parece ser um svg.
    – Sam
    Commented 2/06/2018 às 19:10

1 Resposta 1

0

Se você quer adicionar background-images num vetor que tem colors, pode fazer da seguinte forma:

$.each(arrDados, function (i, o) {

    switch (o.color) {
        case '#fe4400':
            o['background-image'] = 'http://www.meusite.com.br/img/figura-do-fe4400.jpg';
            break;
        case '#de4400':
            o['background-image'] = 'http://www.meusite.com.br/img/figura-do-de4400.jpg';
            break;
        case ...
                                   ....
            break; 
    }
    o.color = undefined;

});

E caso sua pergunta seja referente ao Fiddle que disponibilizou aqui, ele provavelmente não aceita imagens, por se tratar de imagem rasterizada.

1
  • Ok. Agradeço a todos aqui que me atenderam. Se tiver uma alternativa do exemplo que enviei no link, fico agradecido. Commented 2/06/2018 às 20:15

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .