-1

Fala galera, estou precisando incluir o retorno de um forEach dentro da url de um background-image, por favor, podem me ajudar:

<!-- Slide 1 -->
<% DTSection0.forEach(function(row){ %>
       <div class="item" style="background-image: url(assets/img/site/slider/<%= row.imagem %>)"></div>
<% }); %>

Vejam ao colocar o <%= row.imagem %> dentro da url da erro e a imagem não carrega na página.

Estou usando Node.JS e minhas páginas são em .ejs.

Print aqui

4
  • Podes mostrar como está o HTML gerado pelo ejs?
    – Sergio
    13/05/2020 às 11:29
  • Então, não está retornando nada... está vazio. fiz um console.log e a consulta bem como o forEach está ok, o problema está nessa parte ai mesmo de incluir o <%= row.imagem %> dentro da url 13/05/2020 às 11:35
  • Mas aparece a <div class="item"?
    – Sergio
    13/05/2020 às 12:19
  • tem razão Sergio, somente uma imagem deve estar item active, as demais tem que estar somente item, vou arrumar aqui e já posto a resposta, obrigado. 13/05/2020 às 12:35

1 Resposta 1

0

Solução:

<!-- Slide 1 -->
<% DTSection0.forEach(function(row){ 
    if(row.active == 1){ %>
      <div class="item active" style="background-image: url(assets/img/site/slider/<%= row.imagem %>)"></div>
    <% } else{ %>
      <div class="item" style="background-image: url(assets/img/site/slider/<%= row.imagem %>)"></div>
    <% }; %>
<% }); %>

O problema estava na class="item active", somente 1 imagem tem que estar active, as demais deve estar somente class="item".

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 .