title: Have users choose different pictures for bootstrap carousel
body: <p>I have a landing page with bootstrap carousel rotating through 3 pictures with text to the right. My client is wanting to have an admin page where I show pictures available to choose from along with a text box for them to enter in custom text. I have already created the page for them to choose and add text and that gets inserted into the SQL DB using ColdFusion. I have ran a query to grab the records but when I do the <code>cfloop</code> inside the carousel the three images they have chosen show up all together. I am not even sure it can be done this way. Here is my output code:</p>
  
  <pre><code>&lt;div class="carousel-inner"&gt;
      &lt;div class="item active"&gt;
          &lt;div class="row"&gt;
              &lt;cfloop query="getPreview"&gt;
                  &lt;div class="col-sm-6"&gt;
                      &lt;img class="img-responsive center-block" data-id="0" src="#getPreview.landingPage_image#" alt="" width="300" height="200"&gt;&lt;/img&gt;
                  &lt;/div&gt;
                  &lt;div class="col-sm-4 text.center" style="margin: 5px;margin-top: 50px;font-size: 18px"&gt;#getPreview.img_text#&lt;/div&gt;
                  &lt;div class="item"&gt;
                      &lt;div class="col-sm-6"&gt;
                          &lt;img data-id="2" src="#getPreview.landingPage_image#" alt="" width="440" height="325" style="margin: -10px;"&gt;
                      &lt;/div&gt;
                      &lt;div class="col-sm-4 text.center" style="margin: 20px;margin-top: 50px;font-size: 18px"&gt;#getPreview.img_text#&lt;/div&gt;
                  &lt;/div&gt;
                  &lt;div class="item"&gt;
                      &lt;div class="col-sm-6"&gt;
                          &lt;img data-id="3" src="#getPreview.landingPage_image#" alt="" width="440" height="325" style="margin: -10px;"&gt;
                      &lt;/div&gt;
                      &lt;div class="col-sm-4 text.center" style="margin: 20px;margin-top: 50px;font-size: 18px"&gt;#getPreview.img_text#&lt;/div&gt;
              &lt;/cfloop&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  </code></pre>