|
|
| Line 8: |
Line 8: |
| | | | |
| | {{Heidelberg/templateus/Contentsection| | | {{Heidelberg/templateus/Contentsection| |
| − | {{#tag:html|<style type="text/css"> | + | {{#tag:html|<div id="myCarousel" class="carousel slide" data-ride="carousel"> |
| − | .carousel-indicators li {
| + | |
| − | border: #000 1px solid;
| + | |
| − | .img-responsive,
| + | |
| − | .thumbnail > img,
| + | |
| − | .thumbnail a > img,
| + | |
| − | .carousel-inner > .item > img,
| + | |
| − | .carousel-inner > .item > a > img {
| + | |
| − | display: block;
| + | |
| − | max-width: 100%;
| + | |
| − | height: auto;
| + | |
| − | }
| + | |
| − | </style>
| + | |
| − | | + | |
| − | <style type="text/css">
| + | |
| − | div.margin-top { margin-top: 25px; } | + | |
| − | </style>
| + | |
| − | | + | |
| − | <div class="col-lg-8 col-md-8 col-sm-12 col-xs-12 col-lg-offset-2 col-md-offset-2" style="margin-top: 25px; margin-bottom: 25px;">
| + | |
| − | <div style="border: #DE4230 5px solid" id="carousel-screensaver" class="carousel slide" data-ride="carousel">
| + | |
| | <!-- Indicators --> | | <!-- Indicators --> |
| | <ol class="carousel-indicators"> | | <ol class="carousel-indicators"> |
| − | <li data-target="#carousel-screensaver" data-slide-to="0"></li> | + | <li data-target="#myCarousel" data-slide-to="0" class="active"></li> |
| − | <li data-target="#carousel-screensaver" data-slide-to="1"></li>
| + | <li data-target="#myCarousel" data-slide-to="1"></li> |
| − | <li data-target="#carousel-screensaver" data-slide-to="2"></li>
| + | <li data-target="#myCarousel" data-slide-to="2"></li> |
| − | <li data-target="#carousel-screensaver" data-slide-to="3"></li>
| + | |
| − | <li data-target="#carousel-screensaver" data-slide-to="4"></li>
| + | |
| − | <li data-target="#carousel-screensaver" data-slide-to="5"></li>
| + | |
| − | <li data-target="#carousel-screensaver" data-slide-to="6" class="active"></li>
| + | |
| − | <li data-target="#carousel-screensaver" data-slide-to="7"></li> | + | |
| − | <li data-target="#carousel-screensaver" data-slide-to="8"></li> | + | |
| | </ol> | | </ol> |
| | | | |
| Line 44: |
Line 19: |
| | <div class="carousel-inner"> | | <div class="carousel-inner"> |
| | <div class="item active"> | | <div class="item active"> |
| − | <a class="img-enlarge " href="https://static.igem.org/mediawiki/2017/6/68/T--Heidelberg--2017_Ber_1.jpg" target="_blank"><img src=" /wiki/images/8/8e/IMG_3125.jpg " class="img-responsive" alt=" Image" ></a> | + | <img src=" la.jpg" alt=" Los Angeles"> |
| | </div> | | </div> |
| | + | |
| | <div class="item"> | | <div class="item"> |
| − | <a class="img-enlarge" href="/wiki/images/1/1c/IMG_3157.jpg" target="_blank"><img src=" /wiki/images/1/1c/IMG_3157.jpg " class="img-responsive" alt=" Image" ></a> | + | <img src=" chicago.jpg" alt=" Chicago"> |
| | </div> | | </div> |
| | + | |
| | <div class="item"> | | <div class="item"> |
| − | <a class="img-enlarge" href="/wiki/images/d/d8/IMG_3162.jpg" target="_blank"><img src=" /wiki/images/d/d8/IMG_3162.jpg" alt=" Image" ></a> | + | <img src=" ny.jpg" alt=" New York"> |
| − | </div>
| + | |
| − | <div class="item">
| + | |
| − | <a class="img-enlarge" href="/wiki/images/6/68/IMG_3225.jpg" target="_blank"><img src="/wiki/images/6/68/IMG_3225.jpg" class="img-responsive" alt="Image"></a>
| + | |
| − | </div>
| + | |
| − | <div class="item">
| + | |
| − | <a class="img-enlarge" href="/wiki/images/3/30/IMG_3226.jpg" target="_blank"><img src="/wiki/images/3/30/IMG_3226.jpg" class="img-responsive" alt="Image"></a>
| + | |
| − | </div>
| + | |
| − | <div class="item">
| + | |
| − | <a class="img-enlarge" href="/wiki/images/0/0e/IMG_3255.jpg" target="_blank"><img src="/wiki/images/0/0e/IMG_3255.jpg" class="img-responsive" alt="Image"></a>
| + | |
| − | </div>
| + | |
| − | <div class="item">
| + | |
| − | <a class="img-enlarge" href="/wiki/images/9/9e/IMG_3267.jpg" target="_blank"><img src="/wiki/images/9/9e/IMG_3267.jpg" class="img-responsive" alt="Image"></a>
| + | |
| − | </div>
| + | |
| − | <div class="item">
| + | |
| − | <a class="img-enlarge" href="/wiki/images/8/8c/IMG_3271.jpg" target="_blank"><img src="/wiki/images/8/8c/IMG_3271.jpg" class="img-responsive" alt="Image"></a>
| + | |
| − | </div>
| + | |
| − | <div class="item">
| + | |
| − | <a class="img-enlarge" href="/wiki/images/b/bd/IMG_3275.jpg" target="_blank"><img src="/wiki/images/b/bd/IMG_3275.jpg" class="img-responsive" alt="Image"></a>
| + | |
| − | </div>
| + | |
| − | <div class="item">
| + | |
| − | <a class="img-enlarge" href="/wiki/images/c/ce/IMG_3309.jpg" target="_blank"><img src="/wiki/images/c/ce/IMG_3309.jpg" class="img-responsive" alt="Image"></a>
| + | |
| | </div> | | </div> |
| | </div> | | </div> |
| | | | |
| − | <!-- Controls --> | + | <!-- Left and right controls --> |
| − | <a class="left carousel-control" href="#carousel-screensaver" role="button" data-slide="prev"> | + | <a class="left carousel-control" href="#myCarousel" data-slide="prev"> |
| | <span class="glyphicon glyphicon-chevron-left"></span> | | <span class="glyphicon glyphicon-chevron-left"></span> |
| | + | <span class="sr-only">Previous</span> |
| | </a> | | </a> |
| − | <a class="right carousel-control" href="#carousel-screensaver" role="button" data-slide="next"> | + | <a class="right carousel-control" href="#myCarousel" data-slide="next"> |
| | <span class="glyphicon glyphicon-chevron-right"></span> | | <span class="glyphicon glyphicon-chevron-right"></span> |
| | + | <span class="sr-only">Next</span> |
| | </a> | | </a> |
| − | </div>
| |
| − | </div>
| |
| | </div> | | </div> |
| | }} | | }} |
