|
|
Line 13: |
Line 13: |
| border-radius:30px | | border-radius:30px |
| } | | } |
− |
| |
− |
| |
− |
| |
− |
| |
− |
| |
− |
| |
− |
| |
− |
| |
− |
| |
− |
| |
− |
| |
− |
| |
− |
| |
− |
| |
− |
| |
− |
| |
− |
| |
− |
| |
− |
| |
− |
| |
− |
| |
− |
| |
| </style> | | </style> |
− | <script>
| |
− | var slideIndex = 1;
| |
− | showDivs(slideIndex);
| |
− |
| |
− | function plusDivs(n) {
| |
− | showDivs(slideIndex += n);
| |
− | }
| |
− |
| |
− | function showDivs(n) {
| |
− | var i;
| |
− | var x = document.getElementsByClassName("mySlides");
| |
− | if (n > x.length) {slideIndex = 1}
| |
− | if (n < 1) {slideIndex = x.length} ;
| |
− | for (i = 0; i < x.length; i++) {
| |
− | x[i].style.display = "none";
| |
− | }
| |
− | x[slideIndex-1].style.display = "block";
| |
− | }
| |
− | </script>
| |
− |
| |
− |
| |
| | | |
| <body> | | <body> |
Line 95: |
Line 52: |
| <li>Karina Salas</li> | | <li>Karina Salas</li> |
| <br> | | <br> |
− | <img class="mySlides" src="https://static.igem.org/mediawiki/2017/8/84/T--UChile_OpenBio-CeBiB--LogoCebib.png" width="100px">
| |
− | <img class="mySlides" src="https://static.igem.org/mediawiki/2017/e/ee/T--UChile_OpenBio-CeBiB--LogoOpenbio.png" width="100px">
| |
− | <img class="mySlides" src="https://static.igem.org/mediawiki/2017/2/2f/T--UChile_OpenBio-CeBiB--LogoFCFM.png" width="100px">
| |
− | <img class="mySlides" src="https://static.igem.org/mediawiki/2017/4/4b/T--UChile_OpenBio-CeBiB--LogoDIQBT.png" width="100px">
| |
− | <button class="w3-button w3-display-left" onclick="plusDivs(-1)">❮</button>
| |
− | <button class="w3-button w3-display-right" onclick="plusDivs(+1)">❯</button>
| |
− | <br>
| |
− |
| |
− |
| |
− |
| |
− |
| |
− |
| |
− |
| |
− |
| |
− |
| |
− | <div class="bs-example">
| |
− | <div id="myCarousel" class="carousel slide" data-ride="carousel">
| |
− | <!-- 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 carousel items -->
| |
− | <div class="carousel-inner">
| |
− | <div class="item active">
| |
− | <img src="https://static.igem.org/mediawiki/2017/8/84/T--UChile_OpenBio-CeBiB--LogoCebib.png">
| |
− | </div>
| |
− | <div class="item">
| |
− | <img src="https://static.igem.org/mediawiki/2017/8/84/T--UChile_OpenBio-CeBiB--LogoFCFM.png">
| |
− | </div>
| |
− | <div class="item">
| |
− | <img src="/examples/images/slide3.png">
| |
− | </div>
| |
− | </div>
| |
− | <!-- Carousel controls -->
| |
− | <a class="carousel-control left" href="#myCarousel" data-slide="prev">
| |
− | <span class="glyphicon glyphicon-chevron-left"></span>
| |
− | </a>
| |
− | <a class="carousel-control right" href="#myCarousel" data-slide="next">
| |
− | <span class="glyphicon glyphicon-chevron-right"></span>
| |
− | </a>
| |
− | </div>
| |
− | </div>
| |
− |
| |
− |
| |
− |
| |
− |
| |
− |
| |
− |
| |
− |
| |
− |
| |
− |
| |
− |
| |
| <br> | | <br> |
| <br> | | <br> |
| </div> | | </div> |
| | | |
− | <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
| |
− | <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
| |
| </body> | | </body> |
| </html> | | </html> |
| {{:Team:UChile_OpenBio-CeBiB/Template/footer}} | | {{:Team:UChile_OpenBio-CeBiB/Template/footer}} |