Widget:Carousel: Difference between revisions

Latest revision as of 08:46, 14 January 2018

           <img src="/smw/images/2/28/Himeji.jpg" class="img-responsive" />

           <img src="/smw/images/b/b8/Matsumoto_wide.jpg" class="img-responsive" />

           <img src="/smw/images/b/b8/Matsumoto_wide.jpg" class="img-responsive" />

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

@@ Line 1: / Line 1: @@
-<div id="myCarousel" class="carousel slide" data-ride="carousel">
+  <div id="myCarousel" class="carousel slide" data-ride="carousel" data-interval="500">
    <!-- Indicators -->
    <ol class="carousel-indicators">
@@ Line 6: / Line 6: @@
      <li data-target="#myCarousel" data-slide-to="2"></li>
    </ol>
    <!-- Wrapper for slides -->
    <div class="carousel-inner">
      <div class="item active">
-       [[File:himeji.jpg]]
+            <img src="/smw/images/2/28/Himeji.jpg" class="img-responsive" />
      </div>
      <div class="item">
-      [[File:matsue.jpg]]
+            <img src="/smw/images/b/b8/Matsumoto_wide.jpg" class="img-responsive" />
      </div>
      <div class="item">
-       [[File:akashi.jpg]]
+            <img src="/smw/images/b/b8/Matsumoto_wide.jpg" class="img-responsive" />
      </div>
    </div>
-  <!-- Left and right controls -->
-   <span class="left carousel-control" href="#myCarousel" data-slide="prev">
+<!-- Left and right controls -->
+   <a class="left carousel-control" href="#myCarousel" data-slide="prev">
      <span class="glyphicon glyphicon-chevron-left"></span>
      <span class="sr-only">Previous</span>
-   </span>
+   </a>
-   <span class="right carousel-control" href="#myCarousel" data-slide="next">
+   <a class="right carousel-control" href="#myCarousel" data-slide="next">
      <span class="glyphicon glyphicon-chevron-right"></span>
      <span class="sr-only">Next</span>
-   </span>
+   </a>
 </div>