ifakara/slideshow.php at master · kelvinmbwilo/ifakara · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
 <div id="myCarousel" class="carousel slide">
     <ol class="carousel-indicators">
        <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
        <li data-target="#myCarousel" data-slide-to="1"></li>
        <li data-target="#myCarousel" data-slide-to="2"></li>
        <li data-target="#myCarousel" data-slide-to="3"></li>
        <li data-target="#myCarousel" data-slide-to="4"></li>
        <li data-target="#myCarousel" data-slide-to="5"></li>
      </ol>
     <div class="carousel-inner" >
        <div class="item active">
          <img src="img/ifakara5.jpg" alt="" style="height: 360px;width: 800px" class="img-rounded">

        </div>
        <div class="item">
          <img src="img/ifakara3.jpg" alt="" style="height: 360px;width: 800px" class="img-rounded">

        </div>
        <div class="item">
          <img src="img/ifakara1.jpg" alt="" style="height: 360px;width: 820px" class="img-rounded">

          </div>
         <div class="item">
          <img src="img/ifakara4.jpg" alt="" style="height: 360px;width: 820px" class="img-rounded">

          </div>
         <div class="item">
          <img src="img/ifakara2.jpg" alt="" style="height: 360px;width: 800px" class="img-rounded">

          </div>
         <div class="item">
          <img src="img/ifakara6.jpg" alt="" style="height: 360px;width: 800px" class="img-rounded">

          </div>
        </div>
<!--      <a class="pull-left carousel-control" href="#myCarousel" data-slide="prev">&lsaquo;</a>
      <a class="right carousel-control" href="#myCarousel" data-slide="next">&rsaquo;</a>-->
<script>
$(document).ready(function(){
    $('.carousel').carousel()
});
</script>
    </div><!-- /.carousel -->