Widget:Carousel: Difference between revisions
From Jcastle.info
No edit summary |
No edit summary |
||
| Line 1: | Line 1: | ||
<div id="myCarousel" class="carousel slide" data-ride="carousel"> | |||
<div id="myCarousel" class="carousel slide" data-ride="carousel | <!-- Indicators --> | ||
<!-- Indicators --> | <ol class="carousel-indicators"> | ||
<ol class="carousel-indicators"> | <li data-target="#myCarousel" data-slide-to="0" class="active"></li> | ||
<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="1"></li> | <li data-target="#myCarousel" data-slide-to="2"></li> | ||
<li data-target="#myCarousel" data-slide-to="2"></li> | </ol> | ||
<!-- Wrapper for slides --> | |||
</ol> | <div class="carousel-inner"> | ||
<!-- Wrapper for slides --> | <div class="item active"> | ||
<div class="carousel-inner | [[File:himeji.jpg]] | ||
<div class="item active"> | </div> | ||
<div class="item"> | |||
[[File:matsue.jpg]] | |||
</div> | |||
<div class="item"> | |||
</div> | [[File:akashi.jpg]] | ||
<div class="item"> | </div> | ||
</div> | |||
<!-- Left and right controls --> | |||
<span class="left carousel-control" href="#myCarousel" data-slide="prev"> | |||
<span class="glyphicon glyphicon-chevron-left"></span> | |||
</div> | <span class="sr-only">Previous</span> | ||
<div class="item"> | </span> | ||
<span class="right carousel-control" href="#myCarousel" data-slide="next"> | |||
<span class="glyphicon glyphicon-chevron-right"></span> | |||
<span class="sr-only">Next</span> | |||
</span> | |||
</div> | |||
</div> | |||
<!-- Left and right controls --> | |||
< | |||
<span class="glyphicon glyphicon-chevron-left | |||
<span class="sr-only">Previous</span> | |||
</ | |||
< | |||
<span class="glyphicon glyphicon-chevron-right | |||
<span class="sr-only">Next</span> | |||
</ | |||
</div> | </div> | ||
Revision as of 21:41, 24 July 2017
Previous Next
