Team:Toulouse/Team/Gallery

From 2014.igem.org

(Difference between revisions)
Line 2: Line 2:
<html>
<html>
-
 
+
<head>
 +
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <!-- 33 KB -->
 +
<link  href="http://cdnjs.cloudflare.com/ajax/libs/fotorama/4.5.2/fotorama.css" rel="stylesheet"> <!-- 3 KB -->
 +
<script src="http://cdnjs.cloudflare.com/ajax/libs/fotorama/4.5.2/fotorama.js"></script> <!-- 16 KB -->
  <!--/* open Sans : fonnt Google*/-->
  <!--/* open Sans : fonnt Google*/-->
 +
   <link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
   <link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
Line 123: Line 127:
     .tablecontent td{padding:0 25px 0 20px;}  
     .tablecontent td{padding:0 25px 0 20px;}  
 +
.hello{
 +
padding: 20px 20px 20px 20px;
 +
background-color:rgba(255,255,255,0.6);
-
#slideshow {
+
    .fotorama{
-
    position:relative;
+
position:relative;
-
    height:428px;
+
z-index:0;
}
}
-
#slideshow IMG {
+
</style>  
-
    position:absolute;
+
-
    top:0;
+
-
    left:0;
+
-
    z-index:-3;
+
-
}
+
-
 
+
-
#slideshow IMG.active {
+
-
    z-index:-1;
+
-
}
+
-
 
+
-
#slideshow IMG.last-active {
+
-
    z-index:-2;
+
-
}
+
-
   
+
-
</style>
+
-
 
+
-
    <script>
+
-
function slideSwitch() {
+
-
    var $active = $('#slideshow IMG.active');
+
-
    var $next = $active.next();   
+
-
   
+
-
    $next.addClass('active');
+
-
   
+
-
    $active.removeClass('active');
+
-
}
+
-
$(function() {
+
</head>
-
    setInterval( "slideSwitch()", 3000 );
+
-
});
+
-
  </script>
 
    
    
<body>
<body>
Line 176: Line 155:
   
   
<div class="maincontent" style="width: 700px; margin-left: auto; margin-right: auto; margin-top : 25px;">
<div class="maincontent" style="width: 700px; margin-left: auto; margin-right: auto; margin-top : 25px;">
 +
<div class="hello">
 +
<div class="fotorama" data-nav="thumbs">
-
  <div id="slideshow">
+
     <img src="http://2014.igem.org/wiki/images/0/0a/Gallery2.JPG" alt="Gallery" />
-
     <img style="width:650px;" src="http://2014.igem.org/wiki/images/0/0a/Gallery2.JPG" alt="" class="active" />
+
     <img src="http://2014.igem.org/wiki/images/2/2d/Gallery1.JPG" alt="" />
-
     <img style="width:650px;" src="http://2014.igem.org/wiki/images/2/2d/Gallery1.JPG" alt="" />
+
     <img src="http://2014.igem.org/wiki/images/d/d4/Gallery3.JPG" alt="" />
-
     <img style="width:650px;" src="http://2014.igem.org/wiki/images/d/d4/Gallery3.JPG" alt="" />
+
     <img src="http://2014.igem.org/wiki/images/6/68/Gallery4.JPG" alt="" />
-
     <img style="width:650px;" src="http://2014.igem.org/wiki/images/6/68/Gallery4.JPG" alt="" />
+
     <img src="http://2014.igem.org/wiki/images/d/d2/Gallery5.JPG" alt="" />
-
     <img style="width:650px;" src="http://2014.igem.org/wiki/images/d/d2/Gallery5.JPG" alt="" />
+
     <img src="http://2014.igem.org/wiki/images/3/3e/Gallery6.JPG" alt="" />
-
     <img style="width:650px;" src="http://2014.igem.org/wiki/images/3/3e/Gallery6.JPG" alt="" />
+
     <img src="http://2014.igem.org/wiki/images/0/0f/Gallery7.JPG" alt="" />
-
     <img style="width:650px;" src="http://2014.igem.org/wiki/images/0/0f/Gallery7.JPG" alt="" />
+
     <img src="http://2014.igem.org/wiki/images/d/d9/Gallery8.JPG" alt="" />
-
     <img style="width:650px;" src="http://2014.igem.org/wiki/images/d/d9/Gallery8.JPG" alt="" />
+
     <img src="http://2014.igem.org/wiki/images/e/ec/Gallery9.JPG" alt="" />
-
     <img style="width:650px;" src="http://2014.igem.org/wiki/images/e/ec/Gallery9.JPG" alt="" />
+
     <img src="http://2014.igem.org/wiki/images/1/16/Gallery10.JPG" alt="" />
-
     <img style="width:650px;" src="http://2014.igem.org/wiki/images/1/16/Gallery10.JPG" alt="" />
+
     <img src="http://2014.igem.org/wiki/images/a/a2/Gallery12.JPG" alt="" />
-
     <img style="width:650px;" src="http://2014.igem.org/wiki/images/a/a2/Gallery12.JPG" alt="" />
+
     <img src="http://2014.igem.org/wiki/images/9/91/Gallery13.JPG" alt="" />
-
     <img style="width:650px;" src="http://2014.igem.org/wiki/images/9/91/Gallery13.JPG" alt="" />
+
     <img src="http://2014.igem.org/wiki/images/a/a2/Gallery15.JPG" alt="" />
-
     <img style="width:650px;" src="http://2014.igem.org/wiki/images/a/a2/Gallery15.JPG" alt="" />
+
     <img src="http://2014.igem.org/wiki/images/1/19/Gallery16.JPG" alt="" />
-
     <img style="width:650px;" src="http://2014.igem.org/wiki/images/1/19/Gallery16.JPG" alt="" />
+
     <img src="http://2014.igem.org/wiki/images/b/b8/Gallery17.JPG" alt="" />
-
     <img style="width:650px;" src="http://2014.igem.org/wiki/images/b/b8/Gallery17.JPG" alt="" />
+
     <img src="http://2014.igem.org/wiki/images/f/f9/Gallery18.JPG" alt="" />
-
     <img style="width:650px;" src="http://2014.igem.org/wiki/images/f/f9/Gallery18.JPG" alt="" />
+
     <img src="http://2014.igem.org/wiki/images/5/5b/Gallery20.JPG" alt="" />
-
     <img style="width:650px;" src="http://2014.igem.org/wiki/images/5/5b/Gallery20.JPG" alt="" />
+
     <img src="http://2014.igem.org/wiki/images/7/7e/Gallery21.jpg" alt="" />
-
     <img style="width:650px;" src="http://2014.igem.org/wiki/images/7/7e/Gallery21.jpg" alt="" />
+
     <img src="http://2014.igem.org/wiki/images/6/69/Gallery25.JPG" alt="" />
-
     <img style="width:650px;" src="http://2014.igem.org/wiki/images/6/69/Gallery25.JPG" alt="" />
+
-
 
-
 
         </div>
         </div>
</div>
</div>
-
  <div class="clear"></div>
+
</div>
 +
 
</body>
</body>
-
<br></br>
 
-
<br></br>
 
-
<br></br>
 
-
<br></br>
 
</html>
</html>

Revision as of 20:50, 16 October 2014