Difference between revisions of "Team:Tongji China"

Line 8: Line 8:
 
<html>
 
<html>
 
<head>
 
<head>
−
 
+
<style>
 +
.carousel-fade .carousel-inner .item{ 
 +
    opacity:0.8; 
 +
    -webkit-transition-property:opacity ; 
 +
    -moz-transition-property:opacity ; 
 +
    -ms-transition-property:opacity ; 
 +
    -o-transition-property:opacity ; 
 +
    transition-property:opacity ;
 +
}
 +
.carousel-fade .carousel-inner .active{ 
 +
    opacity: 1;
 +
}
 +
.carousel-fade .carousel-inner .active.left,.carousel-fade .carousel-inner .active.right{ 
 +
    left: 0; 
 +
    opacity: 0;
 +
}
 +
.carousel-fade .carousel-inner .next.left,.carousel-fade .carousel-inner .prev.right {
 +
    opacity: 1;
 +
}
 +
</style>
 
</head>
 
</head>
 
<body>
 
<body>
−
<div id="myCarousel" class="carousel slide">
+
<div class="carousel slide" id="Carousel" data-ride="carousel" data-interval="1000">
−
  <!-- 轮播（Carousel）指标 -->
+
                  <!-- Indicators -->
−
  <ol class="carousel-indicators">
+
                  <ol class="carousel-indicators" style="margin: 0 -30%;">
−
      <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
+
                      <li class="active" data-target="#Carousel" data-slide-to="0"></li>
−
      <li data-target="#myCarousel" data-slide-to="1"></li>
+
                      <li data-target="#Carousel" data-slide-to="1"></li>
−
  </ol>  
+
                        <li data-target="#Carousel" data-slide-to="2"></li>
−
  <!-- 轮播（Carousel）项目 -->
+
<li data-target="#Carousel" data-slide-to="3"></li>
−
  <div class="carousel-inner" role="listbox">
+
<li data-target="#Carousel" data-slide-to="4"></li>
 +
<li data-target="#Carousel" data-slide-to="5"></li>
 +
<li data-target="#Carousel" data-slide-to="6"></li>
 +
                  </ol>
 +
                  <!-- Wrapper for slides -->
 +
                <div class="carousel-inner" role="listbox">
 
                   <div class="item active">
 
                   <div class="item active">
−
                   <img style="width:100%;" alt="" src="https://static.igem.org/mediawiki/2016/d/d1/T--Tongji_Shanghai--TEAM_GROUP_1.jpg">
+
                   <img style="width:100%;" alt="" src="https://static.igem.org/mediawiki/2018/9/93/T--Tongji_China--1.jpg">
 
                   </div>
 
                   </div>
  
 
                   <div class="item">
 
                   <div class="item">
−
                   <img style="width:100%;" alt="" src="https://static.igem.org/mediawiki/2016/b/bd/T--Tongji_Shanghai--TEAM_GROUP_3.jpg">
+
                   <img style="width:100%;" alt="" src="https://static.igem.org/mediawiki/2018/e/ef/T--Tongji_China--2.jpg">
 +
                  </div>
 +
<div class="item">
 +
                  <img style="width:100%;" alt="" src="https://static.igem.org/mediawiki/2018/e/e0/T--Tongji_China--3.jpg">
 +
                  </div>
 +
<div class="item">
 +
                  <img style="width:100%;" alt="" src="https://static.igem.org/mediawiki/2018/f/f9/T--Tongji_China--4.jpg">
 +
                  </div>
 +
 
 +
<div class="item">
 +
                  <img style="width:100%;" alt="" src="https://static.igem.org/mediawiki/2018/2/25/T--Tongji_China--5.jpg">
 +
                  </div>
 +
<div class="item">
 +
                  <img style="width:100%;" alt="" src="https://static.igem.org/mediawiki/2018/f/f7/T--Tongji_China--6.jpg">
 +
                  </div>
 +
<div class="item">
 +
                  <img style="width:100%;" alt="" src="https://static.igem.org/mediawiki/2018/6/6c/T--Tongji_China--7.jpg">
 
                   </div>
 
                   </div>
 
                 </div>
 
                 </div>
−
  <!-- 轮播（Carousel）导航 -->
+
            <!-- Left and right controls -->
−
  <a class="carousel-control left" href="#myCarousel" data-slide="prev">&lsaquo;</a>
+
                  <a class="left carousel-control" role="button" href="#Carousel" data-slide="prev">
−
  <a class="carousel-control right" href="#myCarousel" data-slide="next">&rsaquo;</a>
+
                    <span class="glyphicon" aria-hidden="true"><img style="margin-top:700%" src="https://static.igem.org/mediawiki/2015/d/d1/Peking-left.png"></span>
−
</div>
+
                    <span class="sr-only">Previous</span>
 +
                  </a>
 +
                  <a class="right carousel-control" role="button" href="#Carousel" data-slide="next">
 +
                    <span class="glyphicon" aria-hidden="true"><img style="margin-top:700%" src="https://static.igem.org/mediawiki/2015/f/fc/Peking-right.png"></span>
 +
                    <span class="sr-only">Next</span>
 +
                  </a>
 +
            </div>
 +
          </div>        
 
</body>
 
</body>
 
</html>
 
</html>

Revision as of 15:08, 28 September 2018