<style>.carousel .item > img {width:auto;height:500px}</style>
<div id="carousel-example-generic" class="carousel slide navbar" data-ride="carousel">

  <!-- Indicators -->
  <ol class="carousel-indicators">
    <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
    <li data-target="#carousel-example-generic" data-slide-to="1"></li>
    <li data-target="#carousel-example-generic" data-slide-to="2"></li>
  </ol>

  <!-- Carousel items -->
  <div class="carousel-inner">
    <div class="item active">
      <img src="<{$icms_imageurl}>img/carousel/1.jpg" alt="">
      <div class="carousel-caption">
	<h4>First Thumbnail label</h4>
	<p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
      </div>
    </div>
    <div class="item">
      <img src="<{$icms_imageurl}>img/carousel/2.jpg" alt="">
      <div class="carousel-caption">
	<h4>Seconde Thumbnail label</h4>
	<p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
      </div>
    </div>
    <div class="item">
      <img src="<{$icms_imageurl}>img/carousel/3.jpg" alt="">
      <div class="carousel-caption">
	<h4>Third Thumbnail label</h4>
	<p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
      </div>
    </div>
  </div>

  <!-- Carousel nav -->
  <a class="carousel-control left" href="#carousel-example-generic" data-slide="prev">
    <span class="glyphicon glyphicon-chevron-left"></span>
  </a>
  <a class="carousel-control right" href="#carousel-example-generic" data-slide="next">
    <span class="glyphicon glyphicon-chevron-right"></span>
  </a>
</div>