Difference between revisions of "Team:UPMC-Paris"

Line 4: Line 4:
 
<meta name="viewport" content="width=device-width, initial-scale=1">
 
<meta name="viewport" content="width=device-width, initial-scale=1">
 
<body>
 
<body>
 +
<script>
 +
var slideIndex = 1;
 +
showDivs(slideIndex);
 +
 +
function plusDivs(n) {
 +
  showDivs(slideIndex += n);
 +
}
 +
 +
function currentDiv(n) {
 +
  showDivs(slideIndex = n);
 +
}
 +
 +
function showDivs(n) {
 +
  var i;
 +
  var x = document.getElementsByClassName("mySlides");
 +
  var dots = document.getElementsByClassName("demo");
 +
  if (n > x.length) {slideIndex = 1}   
 +
  if (n < 1) {slideIndex = x.length}
 +
  for (i = 0; i < x.length; i++) {
 +
    x[i].style.display = "none"; 
 +
  }
 +
  for (i = 0; i < dots.length; i++) {
 +
    dots[i].className = dots[i].className.replace(" w3-white", "");
 +
  }
 +
  x[slideIndex-1].style.display = "flex"; 
 +
  dots[slideIndex-1].className += " w3-white";
 +
}
 +
</script>
 
<div id="content">
 
<div id="content">
−
<div style="text-align:center;">
+
<div style="padding-top:2vw; padding-left:-2vw; width:60vw; height:20vw; margin:auto auto 2vw auto;">
−
<div class="container-slider">
+
  <img class="mySlides" src="https://static.igem.org/mediawiki/2016/4/4c/T--UPMC-Paris--MainPage1.jpg">
−
<div class="simple-ss">
+
  <img class="mySlides" src="https://static.igem.org/mediawiki/2016/5/57/T--UPMC-Paris--MainPage3.jpg">
−
<script type="text/javascript" src="https://2016.igem.org/Template:UPMC-Paris/Javascript?
+
  <img class="mySlides" src="https://static.igem.org/mediawiki/2016/5/5c/T--UPMC-Paris--MainPage4.jpg">
−
action=raw&ctype=text/javascript"></script></div></div></div>
+
<img class="mySlides" src="https://static.igem.org/mediawiki/2016/9/91/T--UPMC-Paris--MainPage5.jpg">
 +
<img class="mySlides" src="https://static.igem.org/mediawiki/2016/9/96/T--UPMC-Paris--MainPage6.jpg">
 +
<img class="mySlides" src="https://static.igem.org/mediawiki/2016/0/05/T--UPMC-Paris--MainPage7.jpg">
 +
<img class="mySlides" src="https://static.igem.org/mediawiki/2016/e/e1/T--UPMC-Paris--MainPage8.jpg">
 +
<img class="mySlides" style="background-size: contain;display: flex;justify-content: center;align-items: center;align-content: center;margin-left: auto;margin-right: auto;padding-bottom:2vw;background-repeat:no-repeat;background-image:url(https://static.igem.org/mediawiki/2016/0/00/T--UPMC-Paris--MainPage9.jpg); width:22vw; height:22vw;">
 +
<div class="mySlides" style="display:flex;"><p>petit test, <br>avec un <a href="#">lien</a><br>!!!<br></p></div>
 +
 
 +
<div class="w3-center w3-section w3-large w3-text-white w3-display-bottomleft" style="width:100%;">
 +
 
 +
    <div class="w3-left w3-padding-left w3-hover-text-khaki" style="vertical-align:middle;" onclick="plusDivs(-1)">&#10094;</div>
 +
    <div class="w3-right w3-padding-right w3-hover-text-khaki" style="vertical-align:middle;" onclick="plusDivs(1)">&#10095;</div>
 +
 
 +
    <span class="w3-badge demo w3-border w3-transparent w3-hover-khaki" style="vertical-align:middle;" onclick="currentDiv(1)"></span>
 +
    <span class="w3-badge demo w3-border w3-transparent w3-hover-white" style="vertical-align:middle;" onclick="currentDiv(2)"></span>
 +
    <span class="w3-badge demo w3-border w3-transparent w3-hover-white" style="vertical-align:middle;" onclick="currentDiv(3)"></span>
 +
    <span class="w3-badge demo w3-border w3-transparent w3-hover-white" style="vertical-align:middle;" onclick="currentDiv(4)"></span>
 +
    <span class="w3-badge demo w3-border w3-transparent w3-hover-white" style="vertical-align:middle;" onclick="currentDiv(5)"></span>
 +
    <span class="w3-badge demo w3-border w3-transparent w3-hover-white" style="vertical-align:middle;" onclick="currentDiv(6)"></span>
 +
    <span class="w3-badge demo w3-border w3-transparent w3-hover-white" style="vertical-align:middle;" onclick="currentDiv(7)"></span>
 +
    <span class="w3-badge demo w3-border w3-transparent w3-hover-white" style="vertical-align:middle;" onclick="currentDiv(8)"></span>
 +
    <span class="w3-badge demo w3-border w3-transparent w3-hover-white" style="vertical-align:middle;" onclick="currentDiv(9)"></span>
 +
 
 +
</div>
 +
</div>
  
  

Revision as of 00:32, 19 October 2016