adding actual images to carousel to ensure you can see things are animating; updated styles of carousel controls to work on light and dark backgrounds and use opacity for effects
This commit is contained in:
parent
aa59f123c0
commit
a5c1d1f182
9 changed files with 34 additions and 24 deletions
|
|
@ -1215,21 +1215,21 @@ $('#myCollapsible').on('hidden', function () {
|
|||
<div id="myCarousel" class="carousel slide">
|
||||
<div class="carousel-inner">
|
||||
<div class="item active">
|
||||
<img src="http://placehold.it/1000x500" alt="">
|
||||
<img src="assets/img/bootstrap-mdo-sfmoma-01.jpg" alt="">
|
||||
<div class="carousel-caption">
|
||||
<h4>First Thumbnail label</h4>
|
||||
<p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="item">
|
||||
<img src="http://placehold.it/1000x500" alt="">
|
||||
<img src="assets/img/bootstrap-mdo-sfmoma-02.jpg" alt="">
|
||||
<div class="carousel-caption">
|
||||
<h4>Second Thumbnail label</h4>
|
||||
<p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="item">
|
||||
<img src="http://placehold.it/1000x500" alt="">
|
||||
<img src="assets/img/bootstrap-mdo-sfmoma-03.jpg" alt="">
|
||||
<div class="carousel-caption">
|
||||
<h4>Third Thumbnail label</h4>
|
||||
<p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue