Widget:Carousel: Difference between revisions
From Jcastle.info
No edit summary |
No edit summary |
||
| (5 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
<div id=" | <div id="myCarousel" class="carousel slide" data-ride="carousel" data-interval="500"> | ||
<!-- Indicators --> | |||
<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> | |||
</ol> | |||
<!-- Wrapper for slides --> | |||
<div class="carousel-inner"> | |||
<div class="item active"> | |||
<img src="/smw/images/2/28/Himeji.jpg" class="img-responsive" /> | <img src="/smw/images/2/28/Himeji.jpg" class="img-responsive" /> | ||
</div> | |||
<div class="item"> | |||
<img src="/smw/images/b/b8/Matsumoto_wide.jpg" class="img-responsive" /> | |||
</div> | |||
<img src="/smw/images/ | |||
<div class="item"> | |||
<img src="/smw/images/b/b8/Matsumoto_wide.jpg" class="img-responsive" /> | |||
</div> | |||
</div> | |||
< | <!-- Left and right controls --> | ||
<a class="left carousel-control" href="#myCarousel" data-slide="prev"> | |||
<span class="glyphicon glyphicon-chevron-left"></span> | |||
<span class="sr-only">Previous</span> | |||
</a> | |||
<a class="right carousel-control" href="#myCarousel" data-slide="next"> | |||
<span class="glyphicon glyphicon-chevron-right"></span> | |||
<span class="sr-only">Next</span> | |||
</a> | |||
</div> | </div> | ||
