Widget:Carousel: Difference between revisions
From Jcastle.info
No edit summary |
No edit summary |
||
| Line 8: | Line 8: | ||
<li data-target="#myCarousel" data-slide-to="3"></li> | <li data-target="#myCarousel" data-slide-to="3"></li> | ||
</ol> | </ol> | ||
<!-- Wrapper for slides --> | <!-- Wrapper for slides --> | ||
<div class="carousel-inner" role="listbox"> | <div class="carousel-inner" role="listbox"> | ||
<div class="item active"> | <div class="item active"> | ||
<img src="/smw/images/2/28/Himeji.jpg" width="900" height="208" /> | <img src="/smw/images/2/28/Himeji.jpg" width="900" height="208" /> | ||
| Line 49: | Line 45: | ||
</a> | </a> | ||
</div> | </div> | ||
</div> | |||
<div id="carousel" class="carousel slide carousel-fade" data-ride="carousel"> | |||
<ol class="carousel-indicators"> | |||
<li data-target="#carousel" data-slide-to="0" class="active">test1</li> | |||
<li data-target="#carousel" data-slide-to="1">test2</li> | |||
<li data-target="#carousel" data-slide-to="2">test3</li> | |||
</ol> | |||
<!-- Carousel items --> | |||
<div class="carousel-inner"> | |||
<div class="active item"></div> | |||
<div class="item"></div> | |||
<div class="item"></div> | |||
</div> | |||
<!-- Carousel nav --> | |||
<a class="carousel-control left" href="#carousel" data-slide="prev">‹</a> | |||
<a class="carousel-control right" href="#carousel" data-slide="next">›</a> | |||
</div> | </div> | ||
