Team:WHU-China/Team/Gallary

From 2011.igem.org

(Difference between revisions)
 
(139 intermediate revisions not shown)
Line 1: Line 1:
-
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+
<html>
-
<html xmlns="http://www.w3.org/1999/xhtml">
+
-
 
+
<head>
<head>
-
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
+
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>
-
<title>超酷超绚精美图片展示效果代码(七) - 网页特效观止-网页特效代码|JsCode.CN|</title>
+
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
-
<meta http-equiv="imagetoolbar" content="no">
+
<script type="text/javascript" src="http://gettopup.com/releases/latest/top_up-min.js"></script>
<style type="text/css">
<style type="text/css">
-
html {
+
hr
-
overflow: hidden;
+
{
-
}
+
position:absolute;
-
body {
+
height:10px;
-
position: absolute;
+
width:1000px;
-
margin: 0px;
+
left:0px;
-
padding: 0px;
+
color:#B8A789;
-
background: #111;
+
background:#B8A789;
-
width: 100%;
+
}
-
height: 100%;
+
#follow
-
}
+
{
-
#center {
+
display:none;
-
position: absolute;
+
}
-
left: 50%;
+
#countdown
-
top: 50%;
+
{
-
}
+
display:none;
-
#slider {
+
}
-
position: absolute;
+
#visit
-
width: 820px;
+
{
-
height: 333px;
+
display:none;
-
left: -430px;
+
}
-
top: -186px;
+
#demo
-
overflow: hidden;
+
{
-
background: #000;
+
position:relative;
-
border: 20px solid #000;
+
top:10px;
-
}
+
height:230px;
-
#slider .slide {
+
width:1000px;
-
position: absolute;
+
left:0px;
-
top: 0px;
+
overflow:hidden;
-
height: 333px;
+
}
-
width: 500px;
+
#demo img {
-
background: #000;
+
top:10px;
-
overflow: hidden;
+
height:230px;
-
border-left: #000 solid 1px;
+
width:300px;
-
cursor: default;
+
}
-
}
+
#indemo {
-
#slider .title  {
+
float: left;
-
color: #F80;
+
width: 800%;
-
font-weight: bold;
+
}
-
font-size: 1.2em;
+
#demo1 {
-
margin-right: 1.5em;
+
float: left;
-
text-decoration: none;
+
}
-
}
+
#demo2 {
-
#slider .backgroundText {
+
padding:0px 3px;
-
position: absolute;
+
float: left;
-
width: 100%;
+
}
-
height: 100%;
+
#footer-box
-
top: 100%;
+
{
-
background: #000;
+
position:absolute;
-
filter: alpha(opacity=40);
+
top:2000px;
-
opacity: 0.4;
+
}
-
}
+
.team_images img
-
#slider .text {
+
{
-
position: absolute;
+
 
-
top: 1%;
+
height:280px;
-
top: 100%;
+
}
-
color: #FFF;
+
#preview_images
-
font-family: verdana, arial, Helvetica, sans-serif;
+
{
-
font-size: 0.9em;
+
position:relative;
-
text-align: justify;
+
top:20px;
-
width: 470px;
+
background:transparent;
-
left: 10px;
+
height:600px;
-
}
+
left:10px;
-
#slider .diapo {
+
width:980px;
-
position: absolute;
+
}
-
filter: alpha(opacity=100);
+
#screen {
-
opacity: 1;
+
  position: relative;
-
visibility: hidden;
+
  left: 0px;
-
}
+
  top: 30px;
 +
  width: 1000px;
 +
  height: 600px;
 +
  background:transparent;
 +
}
 +
#screen img {
 +
  position: absolute;
 +
  cursor: pointer;
 +
  visibility: hidden;
 +
  width: 200px;
 +
  height:20px;
 +
}
 +
#screen .tvover {
 +
  border: solid #876;
 +
  opacity: 1;
 +
  filter: alpha(opacity=100);
 +
}
 +
#screen .tvout {
 +
  border: solid #fff;
 +
  opacity: 0.7;
 +
}
 +
#bankImages {
 +
  display: none;
 +
  top:10px;
 +
}
 +
#contact
 +
{position:absolute;
 +
z-index:0;
 +
left:0px;
 +
margin-top:600px;}
 +
div.introduction
 +
{
 +
font-family: 'Lobster',arial,tahoma,宋体b8b\4f53,sans-serif, cursive;
 +
font-size:18px;
 +
}
 +
#bottom
 +
{
 +
position:absolute;
 +
z-index:0;
 +
margin-top:600px;
 +
}
</style>
</style>
<script type="text/javascript">
<script type="text/javascript">
-
/* ==== slider nameSpace ==== */
+
$(document).ready(function()
-
var slider = function() {
+
{
-
/* ==== private methods ==== */
+
   var a1=50;
-
function getElementsByClass(object, tag, className) {
+
  var a2=document.body.clientHeight;
-
var o = object.getElementsByTagName(tag);
+
   document.getElementById("bottom").style.top=(a2+a1).toString()+'px';
-
for ( var i = 0, n = o.length, ret = []; i < n; i++) {
+
  document.getElementById("contact").style.top=(a2+a1+80).toString()+'px';
-
if (o[i].className == className) ret.push(o[i]);
+
});
-
}
+
-
if (ret.length == 1) ret = ret[0];
+
-
return ret;
+
-
}
+
-
function setOpacity (obj,o) {
+
-
if (obj.filters) obj.filters.alpha.opacity = Math.round(o);
+
-
else obj.style.opacity = o / 100;
+
-
}
+
-
/* ==== Slider Constructor ==== */
+
-
function Slider(oCont, speed, iW, iH, oP) {
+
-
this.slides = [];
+
-
this.over  = false;
+
-
this.S      = this.S0 = speed;
+
-
this.iW    = iW;
+
-
this.iH    = iH;
+
-
this.oP    = oP;
+
-
this.oc    = document.getElementById(oCont);
+
-
this.frm   = getElementsByClass(this.oc, 'div', 'slide');
+
-
this.NF    = this.frm.length;
+
-
this.resize();
+
-
for (var i = 0; i < this.NF; i++) {
+
-
this.slides[i] = new Slide(this, i);
+
-
}
+
-
this.oc.parent = this;
+
-
this.view      = this.slides[0];
+
-
this.Z        = this.mx;
+
-
/* ==== on mouse out event ==== */
+
-
this.oc.onmouseout = function () {
+
-
this.parent.mouseout();
+
-
return false;
+
-
}
+
-
}
+
-
Slider.prototype = {
+
-
/* ==== animation loop ==== */
+
-
run : function () {
+
-
this.Z += this.over ? (this.mn - this.Z) * .5 : (this.mx - this.Z) * .5;
+
-
this.view.calc();
+
-
var i = this.NF;
+
-
while (i--) this.slides[i].move();
+
-
},
+
-
/* ==== resize  ==== */
+
-
resize : function () {
+
-
this.wh = this.oc.clientWidth;
+
-
this.ht = this.oc.clientHeight;
+
-
this.wr = this.wh * this.iW;
+
-
this.r  = this.ht / this.wr;
+
-
this.mx = this.wh / this.NF;
+
-
this.mn = (this.wh * (1 - this.iW)) / (this.NF - 1);
+
-
},
+
-
/* ==== rest  ==== */
+
-
mouseout : function () {
+
-
this.over      = false;
+
-
setOpacity(this.view.img, this.oP);
+
-
}
+
-
}
+
-
/* ==== Slide Constructor ==== */
+
-
Slide = function (parent, N) {
+
-
this.parent = parent;
+
-
this.N      = N;
+
-
this.x0    = this.x1 = N * parent.mx;
+
-
this.v      = 0;
+
-
this.loaded = false;
+
-
this.cpt   = 0;
+
-
this.start  = new Date();
+
-
this.obj    = parent.frm[N];
+
-
this.txt    = getElementsByClass(this.obj, 'div', 'text');
+
-
this.img    = getElementsByClass(this.obj, 'img', 'diapo');
+
-
this.bkg    = document.createElement('div');
+
-
this.bkg.className = 'backgroundText';
+
-
this.obj.insertBefore(this.bkg, this.txt);
+
-
if (N == 0) this.obj.style.borderLeft = 'none';
+
-
this.obj.style.left = Math.floor(this.x0) + 'px';
+
-
setOpacity(this.img, parent.oP);
+
-
/* ==== mouse events ==== */
+
-
this.obj.parent = this;
+
-
this.obj.onmouseover = function() {
+
-
this.parent.over();
+
-
return false;
+
-
}
+
-
}
+
-
Slide.prototype = {
+
-
/* ==== target positions ==== */
+
-
calc : function() {
+
-
var that = this.parent;
+
-
// left slides
+
-
for (var i = 0; i <= this.N; i++) {
+
-
that.slides[i].x1 = i * that.Z;
+
-
}
+
-
// right slides
+
-
for (var i = this.N + 1; i < that.NF; i++) {
+
-
that.slides[i].x1 = that.wh - (that.NF - i) * that.Z;
+
-
}
+
-
},
+
-
/* ==== HTML animation : move slides ==== */
+
-
move : function() {
+
-
var that = this.parent;
+
-
var s = (this.x1 - this.x0) / that.S;
+
-
/* ==== lateral slide ==== */
+
-
if (this.N && Math.abs(s) > .5) {
+
-
this.obj.style.left = Math.floor(this.x0 += s) + 'px';
+
-
}
+
-
/* ==== vertical text ==== */
+
-
var v = (this.N < that.NF - 1) ? that.slides[this.N + 1].x0 - this.x0 : that.wh - this.x0;
+
-
if (Math.abs(v - this.v) > .5) {
+
-
this.bkg.style.top = this.txt.style.top = Math.floor(2 + that.ht - (v - that.Z) * that.iH * that.r) + 'px';
+
-
this.v = v;
+
-
this.cpt++;
+
-
} else {
+
-
if (!this.pro) {
+
-
/* ==== adjust speed ==== */
+
-
this.pro = true;
+
-
var tps = new Date() - this.start;
+
-
if(this.cpt > 1) {
+
-
that.S = Math.max(2, (28 / (tps / this.cpt)) * that.S0);
+
-
}
+
-
}
+
-
}
+
-
if (!this.loaded) {
+
-
if (this.img.complete) {
+
-
this.img.style.visibility = 'visible';
+
-
this.loaded = true;
+
-
}
+
-
}
+
-
},
+
-
/* ==== light ==== */
+
-
over : function () {
+
-
this.parent.resize();
+
-
this.parent.over = true;
+
-
setOpacity(this.parent.view.img, this.parent.oP);
+
-
this.parent.view = this;
+
-
this.start = new Date();
+
-
this.cpt = 0;
+
-
this.pro = false;
+
-
this.calc();
+
-
setOpacity(this.img, 100);
+
-
}
+
-
}
+
-
/* ==== public method - script initialization ==== */
+
-
return {
+
-
init : function() {
+
-
// create instances of sliders here
+
-
// parameters : HTMLcontainer name, speed (2 fast - 20 slow), Horizontal ratio, vertical text ratio, opacity
+
-
this.s1 = new Slider("slider", 12, 1.84/3, 1/3.2, 70);
+
-
setInterval("slider.s1.run();", 16);
+
-
}
+
-
}
+
-
}();
+
 +
 +
 +
 +
 +
 +
 +
var Library = {};
 +
Library.ease = function () {
 +
this.target = 0;
 +
this.position = 0;
 +
this.move = function (target, speed)
 +
{
 +
  this.position += (target - this.position) * speed;
 +
}
 +
}
 +
var tv = {
 +
O : [],
 +
screen : {},
 +
grid : {
 +
  size      : 5, 
 +
  borderSize : 2, 
 +
  zoomed    : false
 +
},
 +
angle : {
 +
  x : new Library.ease(),
 +
  y : new Library.ease()
 +
},
 +
camera : {
 +
  x    : new Library.ease(),
 +
  y    : new Library.ease(),
 +
  zoom : new Library.ease(),
 +
  focalLength : 750
 +
},
 +
init : function ()
 +
{
 +
  this.screen.obj = document.getElementById('screen');
 +
  var img = document.getElementById('bankImages').getElementsByTagName('img');
 +
  this.screen.obj.onselectstart = function () { return false; }
 +
  this.screen.obj.ondrag        = function () { return false; }
 +
  var ni = 0;
 +
  var n = (tv.grid.size / 2) - .5;
 +
  for (var y = -n; y <= n; y++)
 +
  {
 +
  for (var x = -n; x <= n; x++)
 +
  {
 +
    var o = document.createElement('img');
 +
    var i = img[(ni++) % img.length];
 +
    o.className = 'tvout';
 +
    o.src = i.src;
 +
    tv.screen.obj.appendChild(o);
 +
    o.point3D = {
 +
    x  : x,
 +
    y  : y,
 +
    z  : new Library.ease()
 +
    };
 +
    o.point2D = {};
 +
    o.ratioImage = 1;
 +
    tv.O.push(o);
 +
    o.onmouseover = function ()
 +
    {
 +
    if (!tv.grid.zoomed)
 +
    {
 +
      if (tv.o)
 +
      {
 +
      tv.o.point3D.z.target = 0;
 +
      tv.o.className = 'tvout';
 +
      }
 +
      this.className = 'tvover';
 +
      this.point3D.z.target = -.5;
 +
      tv.o = this;
 +
    }
 +
    }
 +
    o.onclick = function ()
 +
    {
 +
    if (!tv.grid.zoomed)
 +
    {
 +
      tv.camera.x.target = this.point3D.x;
 +
      tv.camera.y.target = this.point3D.y;
 +
      tv.camera.zoom.target = tv.screen.w * 1.25;
 +
      tv.grid.zoomed = this;
 +
    } else {
 +
      if (this == tv.grid.zoomed){
 +
      tv.camera.x.target = 0;
 +
      tv.camera.y.target = 0;
 +
      tv.camera.zoom.target = tv.screen.w / (tv.grid.size + .1);
 +
      tv.grid.zoomed = false;
 +
      }
 +
    }
 +
    }
 +
    o.calc = function ()
 +
    {
 +
    this.point3D.z.move(this.point3D.z.target, .5);
 +
    var x = (this.point3D.x - tv.camera.x.position) * tv.camera.zoom.position;
 +
    var y = (this.point3D.y - tv.camera.y.position) * tv.camera.zoom.position;
 +
    var z = this.point3D.z.position * tv.camera.zoom.position;
 +
    var xy = tv.angle.cx * y  - tv.angle.sx * z;
 +
    var xz = tv.angle.sx * y  + tv.angle.cx * z;
 +
    var yz = tv.angle.cy * xz - tv.angle.sy * x;
 +
    var yx = tv.angle.sy * xz + tv.angle.cy * x;
 +
    this.point2D.scale = tv.camera.focalLength / (tv.camera.focalLength + yz);
 +
    this.point2D.x = yx * this.point2D.scale;
 +
    this.point2D.y = xy * this.point2D.scale;
 +
    this.point2D.w = Math.round(
 +
                        Math.max(
 +
                          0,
 +
                          this.point2D.scale * tv.camera.zoom.position * .8
 +
                        )
 +
                      );
 +
    if (this.ratioImage > 1)
 +
      this.point2D.h = Math.round(this.point2D.w / this.ratioImage);
 +
    else
 +
    {
 +
      this.point2D.h = this.point2D.w;
 +
      this.point2D.w = Math.round(this.point2D.h * this.ratioImage);
 +
    }
 +
    }
 +
    o.draw = function ()
 +
    {
 +
    if (this.complete)
 +
    {
 +
      if (!this.loaded)
 +
      {
 +
      if (!this.img)
 +
      {
 +
        this.img = new Image();
 +
        this.img.src = this.src;
 +
      }
 +
      if (this.img.complete)
 +
      {
 +
        this.style.visibility = 'visible';
 +
        this.ratioImage = this.img.width / this.img.height;
 +
        this.loaded = true;
 +
        this.img = false;
 +
      }
 +
      }
 +
      this.style.left = Math.round(
 +
                          this.point2D.x * this.point2D.scale +
 +
                          tv.screen.w - this.point2D.w * .5
 +
                        ) + 'px';
 +
      this.style.top  = Math.round(
 +
                          this.point2D.y * this.point2D.scale +
 +
                          tv.screen.h - this.point2D.h * .5
 +
                        ) + 'px';
 +
      this.style.width  = this.point2D.w + 'px';
 +
      this.style.height = this.point2D.h + 'px';
 +
      this.style.borderWidth = Math.round(
 +
                                Math.max(
 +
                                  this.point2D.w,
 +
                                  this.point2D.h
 +
                                ) * tv.grid.borderSize * .01
 +
                              ) + 'px';
 +
      this.style.zIndex = Math.floor(this.point2D.scale * 100);
 +
    }
 +
    }
 +
  }
 +
  }
 +
  tv.resize();
 +
  mouse.y = tv.screen.y + tv.screen.h;
 +
  mouse.x = tv.screen.x + tv.screen.w;
 +
  tv.run();
 +
},
 +
resize : function ()
 +
{
 +
  var o = tv.screen.obj;
 +
  tv.screen.w = o.offsetWidth / 2;
 +
  tv.screen.h = o.offsetHeight / 2;
 +
  tv.camera.zoom.target = tv.screen.w / (tv.grid.size + .1);
 +
  for (tv.screen.x = 0, tv.screen.y = 0; o != null; o = o.offsetParent)
 +
  {
 +
  tv.screen.x += o.offsetLeft;
 +
  tv.screen.y += o.offsetTop;
 +
  }
 +
},
 +
run : function ()
 +
{
 +
  tv.angle.x.move(-(mouse.y - tv.screen.h - tv.screen.y) * .0025, .1);
 +
  tv.angle.y.move( (mouse.x - tv.screen.w - tv.screen.x) * .0025, .1);
 +
  tv.camera.x.move(tv.camera.x.target, tv.grid.zoomed ? .25 : .025);
 +
  tv.camera.y.move(tv.camera.y.target, tv.grid.zoomed ? .25 : .025);
 +
  tv.camera.zoom.move(tv.camera.zoom.target, .05);
 +
  tv.angle.cx = Math.cos(tv.angle.x.position);
 +
  tv.angle.sx = Math.sin(tv.angle.x.position);
 +
  tv.angle.cy = Math.cos(tv.angle.y.position);
 +
  tv.angle.sy = Math.sin(tv.angle.y.position);
 +
  for (var i = 0, o; o = tv.O[i]; i++)
 +
  {
 +
  o.calc();
 +
  o.draw();
 +
  }
 +
  setTimeout(tv.run, 32);
 +
}
 +
}
 +
var mouse = {
 +
x : 0,
 +
y : 0
 +
}
 +
document.onmousemove = function(e)
 +
{
 +
if (window.event) e = window.event;
 +
mouse.x = e.clientX;
 +
mouse.y = e.clientY;
 +
return false;
 +
}
</script>
</script>
</head>
</head>
-
 
<body>
<body>
 +
<div id="content1">
 +
<div id="demo">
 +
<div id="indemo">
 +
<div id="demo1">
 +
<a ><img src="/wiki/images/e/e6/Whu-1.jpg" border="1" /></a>
 +
<a ><img src="/wiki/images/f/f1/Whu-4-2.jpg" border="1" /></a>
 +
<a ><img src="/wiki/images/c/c4/Whu-8.jpg" border="1" /></a>
 +
<a ><img src="/wiki/images/f/f6/Whu-10.jpg" border="1" /></a>
 +
<a ><img src="/wiki/images/6/69/Whu-13.jpg" border="1" /></a>
 +
<a ><img src="/wiki/images/e/e1/Whu-18.jpg" border="1" /></a>
 +
<a><img src="/wiki/images/4/42/Whu-32.jpg" border="1" /></a>
 +
<a ><img src="/wiki/images/f/fc/Whu-43.jpg" border="1" /></a>
 +
<a ><img src="/wiki/images/a/a8/Whu-61.jpg" border="1" /></a>
 +
<a><img src="/wiki/images/5/57/Whu-47.jpg" border="1" /></a>
 +
</div>
 +
<div id="demo2"></div>
 +
<script>
 +
var speed=20;
 +
var tab=document.getElementById("demo");
 +
var tab1=document.getElementById("demo1");
 +
var tab2=document.getElementById("demo2");
 +
tab2.innerHTML=tab1.innerHTML;
 +
function Marquee(){
 +
if(tab.scrollLeft<=0)
 +
tab.scrollLeft+=tab2.offsetWidth
 +
else{
 +
tab.scrollLeft--;
 +
}
 +
}
 +
var MyMar=setInterval(Marquee,speed);
 +
tab.onmouseover=function() {clearInterval(MyMar)};
 +
tab.onmouseout=function() {MyMar=setInterval(Marquee,speed)};
-
<div id="center">
+
</script>  
-
<div id="slider">
+
</div>
-
<div class="slide">
+
</div>
-
<img class="diapo" src="https://static.igem.org/mediawiki/2011/e/e6/Whu-1.jpg" alt="">
+
<hr style="top:4px;"></hr>
-
<div class="text">
+
<hr style="top:236px;"></hr>
-
<span class="title">The best</span> The offspring of a customized
+
 
-
orbiter, O飇ostem arose as the best balanced home for our plans.
+
<div id="screen">
-
So we submitted to its conditions. </div>
+
<div class="introduction">
-
</div>
+
&nbsp;&nbsp;&nbsp;&nbsp;We have spent a busy summer full of happiness and fun. The following photos record this precious experience.<br>
-
<div class="slide">
+
&nbsp;&nbsp;&nbsp;&nbsp;Have a try and click on what you want to see clearly!
-
<img class="diapo" src="ihttps://static.igem.org/mediawiki/2011/e/e6/Whu-1.jpg" alt="">
+
</div></div>
-
<div class="text">
+
<div id="bankImages">
-
<span class="title">Prototype</span> O飇ostem&#39;s deep impulse flow
+
<img src="https://static.igem.org/mediawiki/2011/e/e6/Whu-1.jpg">
-
is selectively regulated by a molecule originated in the prototype
+
<img src="https://static.igem.org/mediawiki/2011/f/f1/Whu-4-2.jpg">
-
model, that creates its own variational principles, as oriented
+
<img src="https://static.igem.org/mediawiki/2011/c/c4/Whu-8.jpg">
-
by the first local generation of terminable androids. </div>
+
<img src="https://static.igem.org/mediawiki/2011/f/f6/Whu-10.jpg">
-
</div>
+
<img src="https://static.igem.org/mediawiki/2011/6/69/Whu-13.jpg">
-
<div class="slide">
+
<img src="https://static.igem.org/mediawiki/2011/e/e1/Whu-18.jpg">
-
<img class="diapo" src="https://static.igem.org/mediawiki/2011/e/e6/Whu-1.jpg" alt="">
+
<img src="https://static.igem.org/mediawiki/2011/4/42/Whu-32.jpg">
-
<div class="text">
+
<img src="https://static.igem.org/mediawiki/2011/f/fc/Whu-43.jpg">
-
<span class="title">Has been reduced</span> Paired hosts come out
+
<img src="https://static.igem.org/mediawiki/2011/a/a8/Whu-61.jpg">
-
nicely after only two cycles now. Their size has been reduced to
+
<img src="https://static.igem.org/mediawiki/2011/5/57/Whu-47.jpg">
-
a half the original as planned, and indeed they show an evolutionary
+
 
-
advantage in the process of fixing self-generated instructions.  
+
<img src="/wiki/images/7/76/Whu-2-2.jpg" />
-
Plus, they are beautiful. </div>
+
<img src="/wiki/images/4/41/Whu-5.jpg" />
-
</div>
+
<img src="/wiki/images/d/d1/Whu-7.jpg" />
-
<div class="slide">
+
<img src="/wiki/images/0/07/Whu-11.jpg" />
-
<img class="diapo" src="images/08081201004.jpg" alt="">
+
<img src="/wiki/images/3/32/45.jpg" />
-
<div class="text">
+
<img src="/wiki/images/d/df/Whu-21.jpg" />
-
<span class="title">By close-alikes</span> Now I have regained hopes
+
<img src="/wiki/images/5/51/Whu-22.jpg"/>
-
in someday finding myself surrounded by close-alikes to us. However,
+
<img src="/wiki/images/e/e1/Whu-26.jpg" />
-
they will not be audible, at least not in my life span. We resolved
+
 
-
the low freq vibration a superior solution for our communicational
+
 
-
goals ... </div>
+
 
-
</div>
+
<img src="/wiki/images/e/e0/27.jpg">
-
<div class="slide">
+
<img src="/wiki/images/1/12/28.jpg">
-
<img class="diapo" src="https://static.igem.org/mediawiki/2011/e/e6/Whu-1.jpg" alt="">
+
<img src="/wiki/images/e/e2/29.jpg">
-
<div class="text">
+
<img src="/wiki/images/e/e3/30.jpg">
-
<span class="title">To bear</span> We did not expect their surface
+
<img src="/wiki/images/5/5f/53.jpg">
-
to produce such a carbon powder coat, though this is the best model
+
<img src="/wiki/images/b/ba/52.jpg">
-
so far. I shall have to bear with the inconveniences. They seem
+
<img src="/wiki/images/d/db/54.jpg">
-
to establish a parallel communication through that carbon coat and
+
-
I find myself unable to decodify the signal into anything meaningful.
+
-
</div>
+
-
</div>
+
-
<div class="slide">
+
-
<img class="diapo" src="images/08081201006.jpg" alt="">
+
-
<div class="text">
+
-
<span class="title">The zero level</span> Today a set of vibration
+
-
came up from the zero level; we expect to launch the transitional
+
-
program in no longer than five basetime units. Psykesoma? galore
+
-
and we&#39;ll betray our very nature into infinite, unending 2D surfaces.  
+
-
We do need that vibration, and we will conquer its source. </div>
+
-
</div>
+
-
<div class="slide">
+
-
<img class="diapo" src="https://static.igem.org/mediawiki/2011/e/e6/Whu-1.jpg" alt="">
+
-
<div class="text">
+
-
<span class="title">Beautifully</span> To keep my sanity I wear
+
-
the tactile sensors all the time. They translate beautifully; I
+
-
can even see distances while still on Psykesoma. This was quite
+
-
a discovery. We have grown more adaptable than expected. </div>
+
-
</div>
+
-
<div class="slide">
+
-
<img class="diapo" src="https://static.igem.org/mediawiki/2011/e/e6/Whu-1.jpg" alt="">
+
-
<div class="text">
+
-
<span class="title">Uneasy to match</span> Yewoona had to travel
+
-
farther and longer than I did. Her base orbiter was set to keep
+
-
a complex combinational path that made it uneasy to match our circuits.
+
-
But her nature showed stronger than programmed. </div>
+
-
</div>
+
-
<div class="slide">
+
-
<img class="diapo" src="https://static.igem.org/mediawiki/2011/e/e6/Whu-1.jpg" alt="">
+
-
<div class="text">
+
-
<span class="title">Adapted to serve</span> Keep feeding them. We
+
-
will never be this lucky again; an autogenerated species adapted
+
-
to serve all our needs! </div>
+
-
</div>
+
-
<div class="slide">
+
-
<img class="diapo" src="https://static.igem.org/mediawiki/2011/e/e6/Whu-1.jpg" alt="">
+
-
<div class="text">
+
-
<a class="title" href="http://www.dhteumeuleu.com">At soonest</a>  
+
-
&quot;Blood is dark red, iron dark blue, this tale is blissful and so
+
-
are you&quot;. I should get to the hotel at soonest. The agency guy must
+
-
be there already, with some luck we&#39;ll have some nice dinner on
+
-
him. How&#39;s that? </div>
+
-
</div>
+
-
</div>
+
</div>
</div>
<script type="text/javascript">
<script type="text/javascript">
-
/* ==== start script ==== */
+
onresize = tv.resize;
-
slider.init();
+
tv.init();
</script>
</script>
 +
<div id="bottom">
 +
<image src="/wiki/images/5/58/Whu-backgroundbottom.png"/>
 +
</div>
 +
<!-- bottom and needed to be modified in the top-->
 +
 +
<div id="contact">
 +
<a href="https://2011.igem.org/wiki/index.php?title=Team:WHU-China/Team/Gallary&action=edit"><img class="whucontact" style="position:relative;left:636px;top:38px;z-index:10;" src="/wiki/images/2/2a/Whu-Home_r1_c1.png"/></a>
 +
<a href="Mailto:gubrian890512@gmail.com"><img class="whucontact" style="position:relative;left:660px;top:38px;z-index:10;" src="/wiki/images/9/97/Whu-Home_r1_c3.png"/></a>
 +
<a href="https://igem.org/Main_Page"><img class="whucontact" style="position:relative;left:676px;top:38px;z-index:10;" src="/wiki/images/0/03/Whu-Home_r1_c5.png"/></a>
 +
<img id="bb" src="/wiki/images/3/3c/Whu-build.jpg"/>
 +
</div>
 +
 +
 +
 +
 +
 +
<div style="height:100px;"></div>
 +
</div>
 +
 +
 +
</body>
</body>
</html>
</html>
 +
{{WHUcss}}

Latest revision as of 07:45, 23 October 2011

    We have spent a busy summer full of happiness and fun. The following photos record this precious experience.
    Have a try and click on what you want to see clearly!
Count Down

days

hours

minutes

seconds

Visitor

Retrieved from "http://2011.igem.org/Team:WHU-China/Team/Gallary"