Widget:Carousel: Difference between revisions

From Jcastle.info
No edit summary
No edit summary
Line 1: Line 1:
<div id="custom-bootstrap-carousel" class="carousel slide" data-ride="carousel" data-interval="7000">
<div id="bootstrap-carousel" class="carousel slide" data-ride="carousel" data-interval="1000">
     <ol class="carousel-indicators">
     <ol class="carousel-indicators">
         <li data-target="#custom-bootstrap-carousel" data-slide-to="0" class="active"></li>
         <li data-target="#custom-bootstrap-carousel" data-slide-to="0" class="active"></li>
Line 12: Line 12:
         </div>
         </div>
     </div>
     </div>
</div>
<div id="myCarousel" class="carousel slide" data-ride="carousel">
  <!-- Indicators -->
  <ol class="carousel-indicators">
    <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="2"></li>
  </ol>
  <!-- Wrapper for slides -->
  <div class="carousel-inner">
    <div class="item active">
            <img src="/smw/images/2/28/Himeji.jpg" class="img-responsive" />
    </div>
    <div class="item">
            <img src="/smw/images/b/b8/Matsumoto_wide.jpg" class="img-responsive" />
    </div>
    <div class="item">
            <img src="/smw/images/b/b8/Matsumoto_wide.jpg" class="img-responsive" />
    </div>
  </div>
</div>
</div>

Revision as of 08:39, 14 January 2018