diff options
author | Bardi Harborow <bardi@bardiharborow.com> | 2016-11-12 18:12:58 +0300 |
---|---|---|
committer | Bardi Harborow <bardi@bardiharborow.com> | 2016-11-12 18:34:18 +0300 |
commit | b9e7cef9653ea803262915a1ed64722d355f99cc (patch) | |
tree | 973694ba40492e3f341d6a10b7000f907b998803 /js/tests/visual/carousel.html | |
parent | 93ba9ac629a29bb8709989ba4be8a26b0b6d87d5 (diff) |
Update visual tests.
Diffstat (limited to 'js/tests/visual/carousel.html')
-rw-r--r-- | js/tests/visual/carousel.html | 96 |
1 files changed, 48 insertions, 48 deletions
diff --git a/js/tests/visual/carousel.html b/js/tests/visual/carousel.html index 859ff75047..2017f338b2 100644 --- a/js/tests/visual/carousel.html +++ b/js/tests/visual/carousel.html @@ -1,57 +1,57 @@ <!DOCTYPE html> <html> -<head> - <meta charset="utf-8"> - <meta http-equiv="X-UA-Compatible" content="IE=edge"> - <meta name="viewport" content="width=device-width, initial-scale=1"> - <title>Carousel</title> - <link rel="stylesheet" href="../../../dist/css/bootstrap.min.css"> -</head> -<body> + <head> + <meta charset="utf-8"> + <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> + <meta http-equiv="x-ua-compatible" content="ie=edge"> + <link rel="stylesheet" href="../../../dist/css/bootstrap.min.css"> + <title>Carousel</title> + </head> + <body> + <div class="container"> + <h1>Carousel <small>Bootstrap Visual Test</small></h1> -<div class="container"> + <p>Also, the carousel shouldn't slide when its window/tab is hidden. Check the console log.</p> - <h1>Carousel <small>Bootstrap Visual Test</small></h1> - <p>Also, the carousel shouldn't slide when its window/tab is hidden. Check the console log.</p> - <div id="carousel-example-generic" class="carousel slide" data-ride="carousel"> - <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" class=""></li> - <li data-target="#carousel-example-generic" data-slide-to="2" class=""></li> - </ol> - <div class="carousel-inner"> - <div class="carousel-item active"> - <img alt="First slide" src="https://37.media.tumblr.com/tumblr_m8tay0JcfG1qa42jro1_1280.jpg"> - </div> - <div class="carousel-item"> - <img alt="Second slide" src="https://37.media.tumblr.com/tumblr_m8tazfiVYJ1qa42jro1_1280.jpg"> - </div> - <div class="carousel-item"> - <img alt="Third slide" src="https://38.media.tumblr.com/tumblr_m8tb2rVsD31qa42jro1_1280.jpg"> + <div id="carousel-example-generic" class="carousel slide" data-ride="carousel"> + <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> + <li data-target="#carousel-example-generic" data-slide-to="2"></li> + </ol> + <div class="carousel-inner" role="listbox"> + <div class="carousel-item active"> + <img src="https://37.media.tumblr.com/tumblr_m8tay0JcfG1qa42jro1_1280.jpg" alt="First slide"> + </div> + <div class="carousel-item"> + <img src="https://37.media.tumblr.com/tumblr_m8tazfiVYJ1qa42jro1_1280.jpg" alt="Second slide"> + </div> + <div class="carousel-item"> + <img src="https://38.media.tumblr.com/tumblr_m8tb2rVsD31qa42jro1_1280.jpg" alt="Third slide"> + </div> + </div> + <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev"> + <span class="icon-prev" aria-hidden="true"></span> + <span class="sr-only">Previous</span> + </a> + <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next"> + <span class="icon-next" aria-hidden="true"></span> + <span class="sr-only">Next</span> + </a> </div> </div> - <a class="left carousel-control" href="#carousel-example-generic" data-slide="prev"> - <span class="glyphicon glyphicon-chevron-left"></span> - </a> - <a class="right carousel-control" href="#carousel-example-generic" data-slide="next"> - <span class="glyphicon glyphicon-chevron-right"></span> - </a> - </div> - -</div> -<!-- JavaScript Includes --> -<script src="../vendor/jquery.min.js"></script> -<script src="../../dist/util.js"></script> -<script src="../../dist/carousel.js"></script> -<script> - $(function () { - // Test to show that the carousel doesn't slide when the current tab isn't visible - $('#carousel-example-generic').on('slid.bs.carousel', function (event) { - console.log('slid at ', event.timeStamp); - }) - }); -</script> + <script src="../vendor/jquery.min.js"></script> + <script src="../../dist/util.js"></script> + <script src="../../dist/carousel.js"></script> -</body> + <script> + $(function() { + // Test to show that the carousel doesn't slide when the current tab isn't visible + $('#carousel-example-generic').on('slid.bs.carousel', function(event) { + console.log('slid at ', event.timeStamp) + }) + }) + </script> + </body> </html> |