2

Tenho o seguinte trecho de código :

var images = [];

for (var i = 0; i < actions.length; i++) {
    for (var j = 0; j < actions[i].Images.length; j++) {

        var imagem = new Image();
        imagem.Description = actions[i].Images[j].Description;
        imagem.Url = actions[i].Images[j].Url;
        images.push(imagem);
    }
}

$('#carousel-imagens').append($("#imagesTemplate").tmpl(images));
$('#carousel-imagens').addClass("item");

O array var images armazena as URL de várias imagens que tenho. Porém ao passar esse array pro carousel, ele coloca as imagens uma embaixo da outra. Gostaria que fossem colocadas ao lado, o que devo fazer ?

4
  • Daí quem vai mandar nisso é seu CSS. 4/01/2017 às 18:47
  • O bootstrap monta o layout 4/01/2017 às 19:05
  • Você está usando algum plugin do Bootstrap para montar o Carousel? Dá uma olhada nesse tutorial, veja se te ajuda: W3Schools 4/01/2017 às 19:17
  • Esse exemplo mesmo que estou seguindo. mas as imagens não estão ao lado como no exemplo. estão ficando uma embaixo da outra 4/01/2017 às 19:39

1 Resposta 1

1

Resolvi da seguinte maneira :

$('#carousel-imagens > div.item:eq(0)').addClass("active");

Apenas a primeira imagem deve receber a classe active, e as seguintes não. Da forma que eu estava fazendo todas as imagens recebiam o active, portanto eram exibidas uma embaixo da outra.

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 .