Widget:Carousel: Difference between revisions

Revision as of 21:42, 24 July 2017

@@ Line 1: / Line 1: @@
-<div id="myCarousel" class="carousel slide" data-ride="carousel">
+<div id="myCarousel" class="carousel slide" data-ride="carousel" data-interval="4000" data-wrap="true">
-  <!-- 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>
+<li data-target="#myCarousel" data-slide-to="3"></li>
-  </ol>
+<li data-target="#myCarousel" data-slide-to="4"></li>
-  <!-- Wrapper for slides -->
+<li data-target="#myCarousel" data-slide-to="5"></li>
-  <div class="carousel-inner">
+<li data-target="#myCarousel" data-slide-to="6"></li>
-    <div class="item active">
+<li data-target="#myCarousel" data-slide-to="7"></li>
-       [[File:himeji.jpg]]
+<li data-target="#myCarousel" data-slide-to="8"></li>
-    </div>
+<li data-target="#myCarousel" data-slide-to="9"></li>
-    <div class="item">
+</ol>
-      [[File:matsue.jpg]]
+<!-- Carousel items -->
-    </div>
+<div class="carousel-inner" role="listbox">
-    <div class="item">
+<div class="item active"><img src="/smw/images/2/28/Himeji.jpg" alt="姫路城" /></div>
-       [[File:akashi.jpg]]
+<div class="item"><img src="/smw/images/c/c9/Akashi.jpg" alt="熊本城" /></div>
-    </div>
+<div class="item"><img src="/smw/images/b/b5/Matsue.jpg" alt="竹田城" /></div>
-  </div>
+<div class="item"><img src="/smw/images/2/28/Himeji.jpg" alt="江戸城" /></div>
-  <!-- Left and right controls -->
+<div class="item"><img src="/smw/images/2/28/Himeji.jpg" alt="姫路城" /></div>
-  <span class="left carousel-control" href="#myCarousel" data-slide="prev">
+<div class="item"><img src="/smw/images/c/c9/Akashi.jpg" alt="熊本城" /></div>
-    <span class="glyphicon glyphicon-chevron-left"></span>
+<div class="item"><img src="/smw/images/b/b5/Matsue.jpg" alt="竹田城" /></div>
-    <span class="sr-only">Previous</span>
+<div class="item"><img src="/smw/images/2/28/Himeji.jpg" alt="江戸城" /></div>
-  </span>
+<div class="item"><img src="/smw/images/c/c9/Akashi.jpg" alt="熊本城" /></div>
-  <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>
+<!-- Carousel nav -->
+<a class="carousel-control left" href="#myCarousel" data-slide="prev">&lsaquo;</a>
+<a class="carousel-control right" href="#myCarousel" data-slide="next">&rsaquo;</a>
+</div>
+<!-- /#ranking-carousel -->