Widget:Carousel: Difference between revisions
From Jcastle.info
No edit summary |
No edit summary |
||
Line 15: | Line 15: | ||
<!-- Carousel items --> | <!-- Carousel items --> | ||
<div class="carousel-inner"> | <div class="carousel-inner"> | ||
<div class="item active"> | <div class="item active"><img src="/smw/images/2/28/Himeji.jpg" alt="姫路城" /></div> | ||
<img src="/smw/images/2/28/Himeji.jpg" alt="姫路城" /></div> | <div class="item "><img src="/smw/images/c/c9/Akashi.jpg" alt="熊本城" /></div> | ||
<div class="item "> | <div class="item "><img src="/smw/images/b/b5/Matsue.jpg" alt="竹田城" /></div> | ||
<img src="/smw/images/c/c9/Akashi.jpg" alt="熊本城" /></div> | <div class="item "><img src="/smw/images/2/28/Himeji.jpg" alt="江戸城" /></div> | ||
<div class="item "> | <div class="item"><img src="/smw/images/2/28/Himeji.jpg" alt="姫路城" /></div> | ||
<img src="/smw/images/b/b5/Matsue.jpg" alt="竹田城" /></div> | <div class="item "><img src="/smw/images/c/c9/Akashi.jpg" alt="熊本城" /></div> | ||
<div class="item "> | <div class="item "><img src="/smw/images/b/b5/Matsue.jpg" alt="竹田城" /></div> | ||
<img src="/smw/images/2/28/Himeji.jpg" alt="江戸城" /> | <div class="item "><img src="/smw/images/2/28/Himeji.jpg" alt="江戸城" /></div> | ||
</div> | <div class="item "><img src="/smw/images/c/c9/Akashi.jpg" alt="熊本城" /></div> | ||
<div class="item"> | |||
<img src="/smw/images/2/28/Himeji.jpg" alt="姫路城" /></div> | |||
<div class="item "> | |||
<img src="/smw/images/c/c9/Akashi.jpg" alt="熊本城" /></div> | |||
<div class="item "> | |||
<img src="/smw/images/b/b5/Matsue.jpg" alt="竹田城" /></div> | |||
<div class="item "> | |||
<img src="/smw/images/2/28/Himeji.jpg" alt="江戸城" /> | |||
</div> | |||
<div class="item "> | |||
<img src="/smw/images/c/c9/Akashi.jpg" alt="熊本城" /></div | |||
<!-- Carousel nav --> | <!-- Carousel nav --> | ||
<a class="carousel-control left" href="#myCarousel" data-slide="prev">‹</a> | <a class="carousel-control left" href="#myCarousel" data-slide="prev">‹</a> |
Revision as of 21:27, 24 July 2017
<script> $(function() { $('.carousel').carousel({ interval: 6000 }) }); </script>