|
|
| Line 1: |
Line 1: |
| − | {{:Team:UChile_Biotec/css}}
| |
| − | <html>
| |
| − | <title>W3.CSS</title>
| |
| − | <meta name="viewport" content="width=device-width, initial-scale=1">
| |
| − | <link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
| |
| − | <style>
| |
| − | .mySlides {display:none;}
| |
| − | </style>
| |
| − | <body>
| |
| | | | |
| − | <h2 class="w3-center">Manual Slideshow</h2>
| |
| − | <div class="column full_size">
| |
| − | <div class="w3-content w3-display-container">
| |
| − | <img class="mySlides" src="https://static.igem.org/mediawiki/2018/f/f9/T--UChile_Biotec--Pactices8.jpg" style="width:100%">
| |
| − | <img class="mySlides" src="https://static.igem.org/mediawiki/2018/a/a4/T--UChile_Biotec--Pactices9.jpg" style="width:100%">
| |
| − | <img class="mySlides" src="https://static.igem.org/mediawiki/2018/4/4a/T--UChile_Biotec--Pactices10.jpg" style="width:100%">
| |
| − | <img class="mySlides" src="https://static.igem.org/mediawiki/2018/0/0a/T--UChile_Biotec--Pactices11.jpg" style="width:100%">
| |
| − | <img class="mySlides" src="https://static.igem.org/mediawiki/2018/9/94/T--UChile_Biotec--Pactices12.jpg" style="width:100%">
| |
| − | <img class="mySlides" src="https://static.igem.org/mediawiki/2018/0/03/T--UChile_Biotec--Pactices13.jpg" style="width:100%">
| |
| − | <img class="mySlides" src="https://static.igem.org/mediawiki/2018/6/64/T--UChile_Biotec--Pactices14.jpg" style="width:100%">
| |
| − |
| |
| − | <button class="w3-button w3-black w3-display-left" onclick="plusDivs(-1)">❮</button>
| |
| − | <button class="w3-button w3-black w3-display-right" onclick="plusDivs(1)">❯</button>
| |
| − | </div>
| |
| − | </div>
| |
| − |
| |
| − | <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>
| |
| − | </html>
| |
