Add slides to Bootstrap 3 carousel dynamically using jQuery

Question

I\'m trying to add slides to Bootstrap carousel using jQuery but it is not acting as a slider in the browser. Instead it\'s showing the images in list view.

Answer 1

You can give this a try.

Markup

    

    
    

    
    
        Previous
    
    Next
    

JS

var markup = '';
for (var index = 0; index < count; index++) {
    markup += '
';
}
$('#carousel-deck .carousel-indicators').html(markup);
markup = '';
for (var index = 0; index < count; index++) {
    markup += '
';
    markup += ''
    markup += '
';
}
$('#carousel-deck .carousel-inner').html(markup);
$('#carousel-deck .item').first().addClass('active');
$('#carousel-deck .carousel-indicators > li').first().addClass('active');
$('#carousel-deck').carousel({
    pause: true,
    interval: false
});