Difference between revisions of "Team:UPMC-Paris/HP/Gold"

(Replaced content with "{{UPMC-Paris}} <html> <body> <div id="content"> <div id="text"> <h1>Adaptations :</h1> <p>blablabla</p> </div> </div> </body> </html>")
Line 3: Line 3:
 
<html>
 
<html>
 
<body>
 
<body>
−
 
−
<script>
 
−
var slide1Index = 0;
 
−
carousel();
 
−
 
−
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-deep-purple", "");
 
−
  }
 
−
  x[slideIndex-1].style.display = "flex"; 
 
−
  dots[slideIndex-1].className += " w3-deep-purple";
 
−
}
 
−
 
−
function carousel() {
 
−
    var j;
 
−
    var y = document.getElementsByClassName("mySlides1");
 
−
    for (j = 0; j < y.length; j++) {
 
−
      y[j].style.display = "none";
 
−
    }
 
−
    slide1Index++;
 
−
    if (slide1Index > y.length) {slide1Index = 1}
 
−
    y[slide1Index-1].style.display = "flex";
 
−
    setTimeout(carousel, 2000);
 
−
}
 
−
</script>
 
 
<div id="content">
 
<div id="content">
−
 
+
<div id="text">
−
<div class="w3-content" style="max-width:50vw">
+
<h1>Adaptations :</h1>
−
 
+
<p>blablabla</p>
−
  <img class="mySlides1" src="https://static.igem.org/mediawiki/2016/5/57/T--UPMC-Paris--MainPage3.jpg" style="width:100%">
+
−
  <img class="mySlides1" src="https://static.igem.org/mediawiki/2016/5/5c/T--UPMC-Paris--MainPage4.jpg" style="width:100%">
+
−
<img class="mySlides1" src="https://static.igem.org/mediawiki/2016/9/91/T--UPMC-Paris--MainPage5.jpg" style="width:100%">
+
−
<img class="mySlides1" src="https://static.igem.org/mediawiki/2016/9/96/T--UPMC-Paris--MainPage6.jpg" style="width:100%">
+
−
<img class="mySlides1" src="https://static.igem.org/mediawiki/2016/0/05/T--UPMC-Paris--MainPage7.jpg" style="width:100%">
+
−
<img class="mySlides1" src="https://static.igem.org/mediawiki/2016/e/e1/T--UPMC-Paris--MainPage8.jpg" style="width:100%">
+
−
</div>
+
−
 
+
−
<script>
+
−
var slideIndex = 0;
+
−
carousel();
+
−
 
+
−
function carousel() {
+
−
    var i;
+
−
    var x = document.getElementsByClassName("mySlides1");
+
−
    for (i = 0; i < x.length; i++) {
+
−
      x[i].style.display = "none";
+
−
    }
+
−
    slideIndex++;
+
−
    if (slideIndex > x.length) {slideIndex = 1}
+
−
    x[slideIndex-1].style.display = "block";
+
−
    setTimeout(carousel, 2000);
+
−
}
+
−
</script>
+
−
 
+
−
 
+
−
<div id="slidetext" style="max-width:60vw; height:20vw;">
+
−
 
+
−
  <img class="mySlides" src="https://static.igem.org/mediawiki/2016/5/57/T--UPMC-Paris--MainPage3.jpg" style="width:100%">
+
−
  <img class="mySlides" src="https://static.igem.org/mediawiki/2016/5/5c/T--UPMC-Paris--MainPage4.jpg" style="width:100%">
+
−
<img class="mySlides" src="https://static.igem.org/mediawiki/2016/9/91/T--UPMC-Paris--MainPage5.jpg" style="width:100%">
+
−
<img class="mySlides" src="https://static.igem.org/mediawiki/2016/9/96/T--UPMC-Paris--MainPage6.jpg" style="width:100%">
+
−
<img class="mySlides" src="https://static.igem.org/mediawiki/2016/0/05/T--UPMC-Paris--MainPage7.jpg" style="width:100%">
+
−
<img class="mySlides" src="https://static.igem.org/mediawiki/2016/e/e1/T--UPMC-Paris--MainPage8.jpg" style="width:100%">
+
−
 
+
−
<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-deep-purple" style="vertical-align:middle;" onclick="plusDivs(-1)">&#10094;</div>
+
−
    <div class="w3-right w3-padding-right w3-hover-text-deep-purple" style="vertical-align:middle;" onclick="plusDivs(1)">&#10095;</div>
+
−
 
+
−
    <span class="w3-badge demo w3-border w3-transparent w3-hover-deep-purple" style="vertical-align:middle;" onclick="currentDiv(1)"></span>
+
−
    <span class="w3-badge demo w3-border w3-transparent w3-hover-deep-purple" style="vertical-align:middle;" onclick="currentDiv(2)"></span>
+
−
    <span class="w3-badge demo w3-border w3-transparent w3-hover-deep-purple" style="vertical-align:middle;" onclick="currentDiv(3)"></span>
+
−
    <span class="w3-badge demo w3-border w3-transparent w3-hover-deep-purple" style="vertical-align:middle;" onclick="currentDiv(4)"></span>
+
−
    <span class="w3-badge demo w3-border w3-transparent w3-hover-deep-purple" style="vertical-align:middle;" onclick="currentDiv(5)"></span>
+
−
    <span class="w3-badge demo w3-border w3-transparent w3-hover-deep-purple" style="vertical-align:middle;" onclick="currentDiv(6)"></span>
+
−
 
+
−
</div>
+
−
 
+
−
</div>
+
−
 
+
−
 
+
 
</div>
 
</div>
 
</div>
 
</div>
 
</body>
 
</body>
 
</html>
 
</html>

Revision as of 12:36, 19 October 2016