<div data-ride="carousel" class="carousel slide" id="carousel-example-generic">
<ol class="carousel-indicators">
<li class="active" data-slide-to="0" data-target="#carousel-example-generic"></li>
<li data-slide-to="1" data-target="#carousel-example-generic" class=""></li>
<li data-slide-to="2" data-target="#carousel-example-generic" class=""></li>
<li data-slide-to="3" data-target="#carousel-example-generic" class=""></li>
</ol>
<div role="listbox" class="carousel-inner">
<div class="item active">
<img alt="First slide" src="http://www.mommypotamus.com/wp-content/uploads/2012/03/431589_66152372.jpg" data-holder-rendered="true">
</div>
<div class="item">
<img alt="Second slide" src="http://diamondpages.co.za/wpimages/wpe6693555_05_06.jpg" data-holder-rendered="true">
</div>
<div class="item">
<img alt="Third slide" src="http://www.westlandsdentalstudio.co.uk/images/facial.jpg" data-holder-rendered="true">
</div>
<div class="item">
<img alt="Last slide" src="http://911animalabuse.com/wp-content/uploads/2015/07/LionCubFather-620x210.jpg" data-holder-rendered="true">
</div>
</div>
<a data-slide="prev" role="button" href="#carousel-example-generic" class="left carousel-control">
<span aria-hidden="true" class="glyphicon glyphicon-chevron-left"></span>
<span class="sr-only">Previous</span>
</a>
<a data-slide="next" role="button" href="#carousel-example-generic" class="right carousel-control">
<span aria-hidden="true" class="glyphicon glyphicon-chevron-right"></span>
<span class="sr-only">Next</span>
</a>
</div>
Sau o abordare mai… programatorica :
<?php
$slider=array(
"http://www.mommypotamus.com/wp-content/uploads/2012/03/431589_66152372.jpg",
"http://diamondpages.co.za/wpimages/wpe6693555_05_06.jpg",
"http://www.westlandsdentalstudio.co.uk/images/facial.jpg",
"http://911animalabuse.com/wp-content/uploads/2015/07/LionCubFather-620x210.jpg",
);
?> <div data-ride="carousel" class="carousel slide" id="imgslider">
<ol class="carousel-indicators">
<?php foreach($slider as $k=>$v) { ?>
<li<?php if($k==0) echo ' class="active"' ?> data-slide-to="<?php echo $k ?>" data-target="#imgslider"></li>
<?php } ?>
</ol>
<div role="listbox" class="carousel-inner">
<?php foreach($slider as $k=>$v) { ?>
<div class="item<?php if($k==0) echo ' active' ?>">
<img src="<?php echo $v ?>" data-holder-rendered="true">
</div>
<?php } ?>
</div>
<a data-slide="prev" role="button" href="#carousel-example-generic" class="left carousel-control">
<span aria-hidden="true" class="glyphicon glyphicon-chevron-left"></span>
<span class="sr-only">Previous</span>
</a>
<a data-slide="next" role="button" href="#carousel-example-generic" class="right carousel-control">
<span aria-hidden="true" class="glyphicon glyphicon-chevron-right"></span>
<span class="sr-only">Next</span>
</a>
</div>