Widget:Carousel: Difference between revisions
From Jcastle.info
No edit summary |
No edit summary |
||
| Line 1: | Line 1: | ||
<div class="container"> | <div class="container"> | ||
<div id="ranking-carousel" class="pull-center"> | <div id="ranking-carousel" class="pull-center"> | ||
<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> | |||
<li data-target="#myCarousel" data-slide-to="6"></li> | |||
<li data-target="#myCarousel" data-slide-to="7"></li> | |||
<li data-target="#myCarousel" data-slide-to="8"></li> | |||
<li data-target="#myCarousel" data-slide-to="9"></li> | |||
</ol> | |||
<!-- Carousel items --> | |||
<div class="carousel-inner"> | |||
<div class="item active"><a href="/castle/1/"><img src="/smw/images/2/28/Himeji.jpg" alt="姫路城" /></a><span id="caption">姫路城</span></div> | |||
<div class="item "><a href="/castle/17/"><img src="/smw/images/c/c9/Akashi.jpg" alt="熊本城" /></a><span id="caption">熊本城</span></div> | |||
<div class="item "><a href="/castle/75/"><img src="/smw/images/b/b5/Matsue.jpg" alt="竹田城" /></a><span id="caption">竹田城</span></div> | |||
<div class="item "><a href="/castle/18/"><img src="/smw/images/2/28/Himeji.jpg" alt="江戸城" /></a><span id="caption">江戸城</span></div> | |||
<div class="item active"><a href="/castle/1/"><img src="/smw/images/2/28/Himeji.jpg" alt="姫路城" /></a><span id="caption">姫路城</span></div> | |||
<div class="item "><a href="/castle/17/"><img src="/smw/images/c/c9/Akashi.jpg" alt="熊本城" /></a><span id="caption">熊本城</span></div> | |||
<div class="item "><a href="/castle/75/"><img src="/smw/images/b/b5/Matsue.jpg" alt="竹田城" /></a><span id="caption">竹田城</span></div> | |||
<div class="item "><a href="/castle/18/"><img src="/smw/images/2/28/Himeji.jpg" alt="江戸城" /></a><span id="caption">江戸城</span></div> | |||
<div class="item "><a href="/castle/17/"><img src="/smw/images/c/c9/Akashi.jpg" alt="熊本城" /></a><span id="caption">熊本城</span></div> | |||
<div class="item "><a href="/castle/75/"><img src="/smw/images/b/b5/Matsue.jpg" alt="竹田城" /></a><span id="caption">竹田城</span></div> | |||
<!-- Carousel nav --> | |||
<a class="carousel-control left" href="#myCarousel" data-slide="prev">‹</a> | |||
<a class="carousel-control right" href="#myCarousel" data-slide="next">›</a> | |||
</div> | |||
</div> | </div> | ||
<script> | <script> | ||
| Line 51: | Line 39: | ||
</script> | </script> | ||
</div> | </div> | ||
</div> | |||
<!-- /#ranking-carousel --> | <!-- /#ranking-carousel --> | ||
Revision as of 21:03, 24 July 2017
<script> $(function() {
$('.carousel').carousel({
interval: 6000
})
}); </script>
