Widget:Carousel: Difference between revisions
From Jcastle.info
No edit summary |
No edit summary |
||
| Line 1: | Line 1: | ||
<div class=" | <h2>いま注目のお城</h2> | ||
<div id="myCarousel" class="carousel slide" data- | <div id="ranking-carousel" class="pull-center"> | ||
< | |||
< | <div id="myCarousel" class="carousel slide"> | ||
<li data-target="#myCarousel" data-slide-to=" | <ol class="carousel-indicators"> | ||
<li data-target="#myCarousel" data-slide-to=" | <li data-target="#myCarousel" data-slide-to="0" class="active"></li> | ||
<li data-target="#myCarousel" data-slide-to=" | <li data-target="#myCarousel" data-slide-to="1"></li> | ||
<li data-target="#myCarousel" data-slide-to=" | <li data-target="#myCarousel" data-slide-to="2"></li> | ||
</ol> | <li data-target="#myCarousel" data-slide-to="3"></li> | ||
<!-- | <li data-target="#myCarousel" data-slide-to="4"></li> | ||
<div class="carousel-inner | <li data-target="#myCarousel" data-slide-to="5"></li> | ||
<div class="item active"> | <li data-target="#myCarousel" data-slide-to="6"></li> | ||
<img src="/smw/images/2/28/Himeji.jpg" | <li data-target="#myCarousel" data-slide-to="7"></li> | ||
<div class=" | <li data-target="#myCarousel" data-slide-to="8"></li> | ||
< | <li data-target="#myCarousel" data-slide-to="9"></li> | ||
</ | </ol> | ||
</div> | <!-- Carousel items --> | ||
<div class="item"> | <div class="carousel-inner"> | ||
<img src="/smw/images/ | |||
<div class=" | <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> | |||
<div class="item"> | <div class="item "><a href="/castle/75/"><img src="/smw/images/b/b5/Matsue.jpg" alt="竹田城" /></a><span id="caption">竹田城</span></div> | ||
<img src="/smw/images/ | |||
<div class=" | <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> | |||
<div class="item"> | <div class="item "><a href="/castle/17/"><img src="/smw/images/c/c9/Akashi.jpg" alt="熊本城" /></a><span id="caption">熊本城</span></div> | ||
<img src="/smw/images/ | |||
<div class=" | <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> | <div class="item "><a href="/castle/17/"><img src="/smw/images/c/c9/Akashi.jpg" alt="熊本城" /></a><span id="caption">熊本城</span></div> | ||
< | |||
<a | <div class="item "><a href="/castle/75/"><img src="/smw/images/b/b5/Matsue.jpg" alt="竹田城" /></a><span id="caption">竹田城</span></div> | ||
< | |||
<span | </div> | ||
</ | <!-- Carousel nav --> | ||
<a class=" | <a class="carousel-control left" href="#myCarousel" data-slide="prev">‹</a> | ||
< | <a class="carousel-control right" href="#myCarousel" data-slide="next">›</a> | ||
< | </div> | ||
</a> | |||
</div> | <script> | ||
</ | $(function() { | ||
$('.carousel').carousel({ | |||
interval: 6000 | |||
}) | |||
}); | |||
</script> | |||
<p style="margin-bottom: 0px"><a href="/timeline"><i class="fa fa-users"></i> みんなの攻城記録をチェックする</a></p> | |||
</div><!-- /#ranking-carousel --> | |||
Revision as of 07:40, 24 July 2017
いま注目のお城
<script> $(function() {
$('.carousel').carousel({
interval: 6000
})
}); </script>
<a href="/timeline"> みんなの攻城記録をチェックする</a>
