| <?php ob_start(); ?> |
| <div class="block-box block-box-classic"> |
| <div id="carousel-example-generic" class="carousel slide" data-ride="carousel"> |
| <!-- Indicators --> |
| <ol class="carousel-indicators"> |
| <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li> |
| <li data-target="#carousel-example-generic" data-slide-to="1"></li> |
| </ol> |
| |
| <!-- Wrapper for slides --> |
| <div class="carousel-inner"> |
| <div class="item active"> |
| <img width="100%" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI5MDAiIGhlaWdodD0iNTAwIj48cmVjdCB3aWR0aD0iOTAwIiBoZWlnaHQ9IjUwMCIgZmlsbD0iIzc3NyIvPjx0ZXh0IHRleHQtYW5jaG9yPSJtaWRkbGUiIHg9IjQ1MCIgeT0iMjUwIiBzdHlsZT0iZmlsbDojNTU1O2ZvbnQtd2VpZ2h0OmJvbGQ7Zm9udC1zaXplOjU2cHg7Zm9udC1mYW1pbHk6QXJpYWwsSGVsdmV0aWNhLHNhbnMtc2VyaWY7ZG9taW5hbnQtYmFzZWxpbmU6Y2VudHJhbCI+Rmlyc3Qgc2xpZGU8L3RleHQ+PC9zdmc+" alt="Image 1"> |
| <div class="carousel-caption"> |
| </div> |
| </div> |
| <div class="item"> |
| <img width="100%" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI5MDAiIGhlaWdodD0iNTAwIj48cmVjdCB3aWR0aD0iOTAwIiBoZWlnaHQ9IjUwMCIgZmlsbD0iIzY2NiIvPjx0ZXh0IHRleHQtYW5jaG9yPSJtaWRkbGUiIHg9IjQ1MCIgeT0iMjUwIiBzdHlsZT0iZmlsbDojNDQ0O2ZvbnQtd2VpZ2h0OmJvbGQ7Zm9udC1zaXplOjU2cHg7Zm9udC1mYW1pbHk6QXJpYWwsSGVsdmV0aWNhLHNhbnMtc2VyaWY7ZG9taW5hbnQtYmFzZWxpbmU6Y2VudHJhbCI+U2Vjb25kIHNsaWRlPC90ZXh0Pjwvc3ZnPg==" alt="Image 2"> |
| <div class="carousel-caption"> |
| </div> |
| </div> |
| </div> |
| |
| <!-- Controls --> |
| <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev"> |
| <span class="glyphicon glyphicon-chevron-left"></span> |
| </a> |
| <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next"> |
| <span class="glyphicon glyphicon-chevron-right"></span> |
| </a> |
| </div><?php $html = ob_get_clean();?> |
| |
| <h3 id="section-block-box">Carousel</h3> |
| <p>The slideshow below shows a generic plugin and component for cycling through elements like a carousel.</p> |
| <?php print $html;?> |
| |
| <h4>Code</h4> |
| |
| <pre><?php print htmlentities($html); ?></pre> |