Widget:Carousel: Difference between revisions

Revision as of 21:58, 23 July 2017

<a class="left carousel-control" href="#myCarousel" role="button" data-slide="pre"> Previous </a> <a class="right carousel-control" href="#myCarousel" role="button" data-slide="next"> Next </a>

@@ Line 1: / Line 1: @@
 <div class="container">
-<h2>Carousel Options</h2>
-<p>The <strong>data-wrap</strong> attribute specifies whether the carousel should go through all slides continuously, or stop at the last slide.</p>
-<p>In this example, we have set wrap to "false", which will stop the carousel from sliding when the last item is shown.</p>
 <div id="myCarousel" class="carousel slide" data-ride="carousel" data-interval="500" data-wrap="false">
 <!-- Indicators -->
@@ Line 18: / Line 15: @@
 </div>
 <div class="item">
-<img src="akashi.jpg" alt="Chania" width="460" height="345">
+[[File:akashi.jpg"]]
 </div>
 <div class="item">
-<img src="kinojo.jpg" alt="Flower" width="460" height="345">
+[[File:kinojo.jpg]]
 </div>
 <div class="item">
-<img src="matsue.jpg" alt="Flower" width="460" height="345">
+[[File:matsue.jpg]]
 </div>
 </div>