Bootstrap Carousel

sayali deshpande asked on April 6, 2016 15:35

I am working on Kentico 9 to create the banner for the site using Bootstrap carousel plugin. I have followed the steps from one of the old forums link is as below

I was able to run the carousel on my page but have some queries: the "item" div wrapper is repeated thrice even though it is not mentioned anywhere. Again same image is loaded in that "item" div. I want five different images to be shown which are there in that same folder to be loaded for my site in that carousel.

How can we implement this? It will be really helpful if I get any reference for this.

Recent Answers

Brenden Kehren answered on April 6, 2016 15:50

You might give a bit more of your configuration in your question. What have you done thus far? Your repeater webpart HTML should look like so:

// HTML content before
<div class="carousel">

  // repeater transformation
  <div class="item">
    <img src='<%# Eval("ImageUrl") %>' alt='<%# Eval("DocumentName")' />

// HTML content after
<div class=carousel-pager">
  <a class="pager-left">&lt;</a>
  <a class="pager-right">&gt;</a>

Don't forget to include your jquery references.

1 votesVote for this answer Mark as a Correct answer

Kunal Chawla answered on September 14, 2018 15:07

Brenden, Can I get a step by step guide to include bootstrap carousel while fetching the images from media library?

0 votesVote for this answer Mark as a Correct answer

   Please, sign in to be able to submit a new answer.