Team:WHU-China/Team/Gallary

From 2011.igem.org

(Difference between revisions)
Line 1: Line 1:
-
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
 
<html>
<html>
<head>
<head>
-
<meta name="keywords" content="JS代码,相册代码,JS广告代码,JS特效代码" />
+
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>
-
<meta name="description" content="此代码内容为可自动缩放的JS弹性相册代码，属于站长常用代码，更多相册代码代码请访问模板王JS代码频道。" />
+
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
-
<title>可自动缩放的JS弹性相册代码_模板王</title>
+
<script type="text/javascript" src="http://gettopup.com/releases/latest/top_up-min.js"></script>
-
<meta http-equiv="imagetoolbar" content="no">
+
<style type="text/css">
<style type="text/css">
 +
#countdown
 +
{
 +
display:none;
 +
}
 +
#visit
 +
{
 +
display:none;
 +
}
 +
#demo
 +
{
 +
position:relative;
 +
top:15px;
 +
height:200px;
 +
width:1000px;
 +
left:0px;
 +
overflow:hidden;
 +
}
 +
#demo img {
 +
top:20px;
 +
height:200px;
 +
width:300px;
 +
}
 +
#indemo {
 +
float: left;
 +
width: 800%;
 +
}
 +
#demo1 {
 +
float: left;
 +
}
 +
#demo2 {
 +
padding:0px 3px;
 +
float: left;
 +
}
 +
#footer-box
 +
{
 +
position:absolute;
 +
top:2000px;
 +
}
 +
.team_images img
 +
{
-
#screen {
+
height:280px;
-
position: absolute;
+
}
-
top: 1%;
+
#preview_images
-
left: 1%;
+
{
-
width: 98%;
+
position:relative;
-
height: 98%;
+
top:20px;
-
background: #000;
+
background:transparent;
-
color: #fff;
+
height:600px;
-
}
+
left:10px;
-
#screen div {
+
width:980px;
-
position: absolute;
+
}
-
overflow: hidden;
+
#screen {
-
cursor: pointer;
+
  position: absolute;
-
}
+
  left: 0px;
-
#screen img {
+
  top: 280px;
-
position: absolute;
+
  width: 1000px;
-
width: 100%;
+
  height: 400px;
-
height: 100%;
+
  background: transparent;
-
}
+
}
-
#screen .label {
+
#screen img {
-
position: absolute;
+
  position: absolute;
-
color: #FFF;
+
  cursor: pointer;
-
background: #000;
+
  visibility: hidden;
-
font-family: arial;
+
  width: 200px;
-
white-space: no-wrap;
+
  height:20px;
-
}
+
}
 +
#screen .tvover {
 +
  border: solid #876;
 +
  opacity: 1;
 +
  filter: alpha(opacity=100);
 +
}
 +
#screen .tvout {
 +
  border: solid #fff;
 +
  opacity: 0.7;
 +
}
 +
#bankImages {
 +
  display: none;
 +
}
</style>
</style>
-
 
-
<!-- dhteumeuleu utilities -->
 
-
<script type="text/javascript" src=" https://2011.igem.org/Team:WHU-China/bill.js?action=raw&ctype=text/js">
 
-
    </script>
 
<script type="text/javascript">
<script type="text/javascript">
-
// ========================================================
+
var Library = {};
-
//            ====== Javascript Slideshow ======
+
Library.ease = function () {
-
// script written by Gerard Ferrandez - December 31, 2006
+
this.target = 0;
-
// http://www.dhteumeuleu.com/
+
this.position = 0;
-
// ========================================================
+
this.move = function (target, speed)
 +
{
 +
  this.position += (target - this.position) * speed;
 +
}
 +
}
 +
var tv = {
 +
O : [],
 +
screen : {},
 +
grid : {
 +
  size      : 4, 
 +
  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>
 +
</head>
 +
<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)};
-
var diap = {
+
</script>
-
/////////////////////////////////
+
</div>
-
BR : 3,    // border size in px
+
</div>
-
ZR : .75,  // zoom ratio
+
-
SP : .1,    // speed
+
-
/////////////////////////////////
+
-
V : false,
+
-
S : false,
+
-
G : true,
+
-
resize : function () {
 
-
/* ==== window resize event ==== */
 
-
diap.nw = diap.scr.offsetWidth;
 
-
diap.nh = diap.scr.offsetHeight;
 
-
diap.nwu = (diap.nw * diap.ZR);
 
-
diap.nhu = (diap.nh * diap.ZR);
 
-
diap.nwt = Math.floor((diap.nw * (1 - diap.ZR) * .5) / (diap.NX - 1)) - diap.BR;
 
-
diap.nht = Math.floor((diap.nh * (1 - diap.ZR) * .5) / (diap.NY - 1)) - diap.BR;
 
-
diap.rc  = 255 / ((diap.nw / diap.NX) - diap.nwt);
 
-
if (diap.N) {
 
-
diap.setPosition();
 
-
if (!diap.G) diap.delLabels();
 
-
}
 
-
},
 
-
setPosition : function () {
+
<div id="screen"></div>
-
/* ==== calculate image target position  ==== */
+
<div id="bankImages">
-
var k = 0;
+
<img src="https://static.igem.org/mediawiki/2011/e/e6/Whu-1.jpg">
-
var y = this.S ? this.BR + Math.floor((this.NY - this.Y - 1) * (this.nht + this.BR)) : 0;
+
<img src="https://static.igem.org/mediawiki/2011/f/f1/Whu-4-2.jpg">
-
for (var j = 0; j < this.NY; j++) {
+
<img src="https://static.igem.org/mediawiki/2011/c/c4/Whu-8.jpg">
-
var x = this.S ? this.BR + Math.floor((this.NX - this.X - 1) * (this.nwt + this.BR)) : 0;
+
<img src="https://static.igem.org/mediawiki/2011/f/f6/Whu-10.jpg">
-
for (var i = 0; i < this.NX; i++) {
+
<img src="https://static.igem.org/mediawiki/2011/6/69/Whu-13.jpg">
-
var o = this.spa[k++];
+
<img src="https://static.igem.org/mediawiki/2011/e/e1/Whu-18.jpg">
-
o.y1 = y;
+
<img src="https://static.igem.org/mediawiki/2011/4/42/Whu-32.jpg">
-
o.x1 = x;
+
<img src="https://static.igem.org/mediawiki/2011/f/fc/Whu-43.jpg">
-
o.w1 = this.S ? (o == this.S ? this.nwu - this.BR : this.nwt) : Math.ceil(this.nw / this.NX) - this.BR;
+
<img src="https://static.igem.org/mediawiki/2011/a/a8/Whu-61.jpg">
-
o.h1 = this.S ? (o == this.S ? this.nhu - this.BR : this.nht) : Math.ceil(this.nh / this.NY) - this.BR;
+
<img src="https://static.igem.org/mediawiki/2011/5/57/Whu-47.jpg">
-
x += this.S ? ((this.X == i) ? this.nwu : this.nwt + this.BR) : Math.ceil(this.nw / this.NX);
+
</div>
-
}
+
<script type="text/javascript">
-
y += this.S ? ((this.Y == j) ? this.nhu : this.nht + this.BR) : Math.ceil(this.nh / this.NY);
+
onresize = tv.resize;
-
}
+
tv.init();
-
},
+
</script>
 +
</div>
-
delLabels : function () {
 
-
/* ==== remove texts ==== */
 
-
for ( var i = 0; i < diap.N; i++) {
 
-
var o = diap.spa[i];
 
-
if (o.T) diap.scr.removeChild(o.T);
 
-
o.T = false;
 
-
}
 
-
},
 
-
run : function () {
 
-
/* ==== main loop ==== */
 
-
for ( var i = 0; i < diap.N; i++) diap.spa[i].move();
 
-
setTimeout(diap.run, 16);
 
-
},
 
-
init : function (container, NX, NY, path, images) {
 
-
/* ==== initialize script ==== */
 
-
this.scr = id(container);
 
-
if (!this.scr || NX * NY != images.length) { alert('ID-10-T error...'); return false; }
 
-
this.NX = NX;
 
-
this.NY = NY;
 
-
this.spa = {};
 
-
this.resize();
 
-
var k = 0;
 
-
for (var y = 0; y < this.NY; y++) {
 
-
for (var x = 0; x < this.NX; x++) {
 
-
/* ==== create HTML elements ==== */
 
-
var s = this.spa[k] = document.createElement('div');
 
-
s.img = document.createElement('img');
 
-
/* ==== opacity optimized function ==== */
 
-
s.img.setOpacity = function (alpha) {
 
-
if (alpha < 0) alpha = 0; else if (alpha > 100) alpha = 100;
 
-
if (alpha == 100) {
 
-
/* ==== speed opt - remove IE filter ==== */
 
-
this.style.visibility = 'visible';
 
-
this.style.filter = '';
 
-
this.style.opacity = 1;
 
-
return 100;
 
-
} else if (alpha == 0) {
 
-
/* ==== hide image, remove opacity ==== */
 
-
this.style.visibility = 'hidden';
 
-
this.style.filter = '';
 
-
this.style.opacity = 0;
 
-
return 0;
 
-
}
 
-
if (this.filters) {
 
-
/* ==== IE filter ==== */
 
-
if (!this.filters.alpha) this.style.filter = 'alpha(opacity=' + alpha + ')';
 
-
else this.filters.alpha.opacity = alpha;
 
-
/* ==== CSS opacity ==== */
 
-
} else this.style.opacity = alpha * .01;
 
-
return alpha;
 
-
}
 
-
s.img.src = id('loading').src;
 
-
s.appendChild(s.img);
 
-
this.scr.appendChild(s);
 
-
 
-
/* ==== pre-load image ==== */
 
-
s.pre = new Image();
 
-
s.pre.obj = s;
 
-
s.pre.onload = function() { this.obj.img.src = this.src; }
 
-
s.pre.src = path + images[k][0];
 
-
 
-
/* ==== set image variables ==== */
 
-
s.x  = x;
 
-
s.y  = y;
 
-
s.x0 = x * (this.nw / this.NX) + (this.nw / this.NX) / 2;
 
-
s.y0 = y * (this.nh / this.NY) + (this.nh / this.NY) / 2;;
 
-
s.x1 = x * (this.nw / this.NX);
 
-
s.y1 = y * (this.nh / this.NY);
 
-
s.w0 = 0;
 
-
s.h0 = 0;
 
-
s.w1 = 0;
 
-
s.h1 = 0;
 
-
s.V  = 0;
 
-
s.t  = images[k][1];
 
-
s.T  = false;
 
-
 
-
/* ==== function move image ==== */
 
-
s.move = function() {
 
-
/* ==== position images ==== */
 
-
this.style.left  = px(this.x0 += (this.x1 - this.x0) * diap.SP);
 
-
this.style.top    = px(this.y0 += (this.y1 - this.y0) * diap.SP);
 
-
this.style.width  = px(this.w0 += (this.w1 - this.w0) * diap.SP);
 
-
this.style.height = px(this.h0 += (this.h1 - this.h0) * diap.SP);
 
-
if (this != diap.S) {
 
-
/* ==== set image background color ==== */
 
-
if (Math.abs(this.w1 - this.w0) > 1) {
 
-
var c = (!diap.G && this.V > 0) ? 255 : 16 + Math.round(255 - diap.rc * (this.w0 - diap.nwt));
 
-
this.style.background = 'RGB('.concat(c, ',', c, ',', c, ')');
 
-
}
 
-
if (this == diap.V) {
 
-
/* ==== on mouseover: fade in ==== */
 
-
if (this.V < 100) this.img.setOpacity(this.V += 5);
 
-
} else {
 
-
/* ==== fade out ==== */
 
-
if (this.V >= 0 && diap.G != this) this.img.setOpacity(this.V -= 2);
 
-
}
 
-
}
 
-
/* ==== text effect ==== */
 
-
if (this.T) this.dispLabel();
 
-
}
 
-
 
-
/* ==== display text function (typewriter FX) ==== */
 
-
s.dispLabel = function() {
 
-
if (diap.G || diap.S == this) {
 
-
/* ==== zoomed image ==== */
 
-
this.T.style.left  = px(this.x0);
 
-
this.T.style.top  = px(this.y0);
 
-
this.T.style.width = px(this.w0);
 
-
} else {
 
-
/* ==== calculate text position ==== */
 
-
var xt = diap.S.x0 + this.w0 + diap.BR;
 
-
if (this.y == diap.Y) {
 
-
this.T.style.top = px(this.y0 - this.f - diap.BR);
 
-
if (this.y == 0) var xt = diap.S.x0;
 
-
} else this.T.style.top = px(this.y0 - (this.y <= diap.Y ? diap.BR : 0));
 
-
if (this.x > diap.X) this.T.style.left = px(diap.S.w0 + diap.S.x0 - diap.nwu * .5);
 
-
else this.T.style.left = px(xt);
 
-
if (this != diap.V) {
 
-
/* ==== text type out ==== */
 
-
this.Tp--;
 
-
this.T.innerHTML = this.t.substring(0, this.Tp);
 
-
if (this.Tp < 1) {
 
-
diap.scr.removeChild(this.T);
 
-
this.T = false;
 
-
}
 
-
} else {
 
-
if (this.Tp < this.t.length) {
 
-
/* ==== text type in ==== */
 
-
this.Tp++;
 
-
this.T.innerHTML = this.t.substring(0, this.Tp);
 
-
}
 
-
}
 
-
}
 
-
}
 
-
 
-
/* ==== create text function ==== */
 
-
s.createLabel = function () {
 
-
this.T = document.createElement('div');
 
-
this.T.className = 'label';
 
-
if (!diap.G && this.x > diap.X) this.T.style.textAlign = 'right';
 
-
this.f = 4 + Math.round(Math.sqrt(diap.nht * 2));
 
-
if(this == diap.S) {
 
-
this.f *= 2;
 
-
this.T.style.background = 'none';
 
-
this.T.style.textAlign = 'center';
 
-
}
 
-
this.T.style.fontSize = ''.concat(this.f, 'px');
 
-
this.T.innerHTML  = this.t;
 
-
this.T.style.left = px(-1000);
 
-
this.T.style.width = px(diap.nwu * .5);
 
-
this.T.style.height = px(this.f + 3);
 
-
this.Tp = 0;
 
-
diap.scr.appendChild(this.T);
 
-
}
 
-
 
-
/* ==== on mouse over event ==== */
 
-
s.onmouseover = function() {
 
-
if (diap.S != this && diap.G != this) {
 
-
/* ==== display image ==== */
 
-
this.img.setOpacity(100);
 
-
this.V = this.img.setOpacity(20);
 
-
}
 
-
/* ==== create text ==== */
 
-
if (!this.T) this.createLabel();
 
-
diap.V = this;
 
-
}
 
-
 
-
/* ==== on click event ==== */
 
-
s.onclick = function() {
 
-
/* ==== memorize selected image ==== */
 
-
diap.X = this.x;
 
-
diap.Y = this.y;
 
-
diap.V = false;
 
-
diap.G = false;
 
-
this.V = this.img.setOpacity(100);
 
-
diap.delLabels();
 
-
if (diap.S == this) {
 
-
/* ==== zoom out - grid mode on ==== */
 
-
diap.S = false;
 
-
diap.G = this;
 
-
for (var i = 0; i < diap.N; i++) diap.spa[i].createLabel();
 
-
} else {
 
-
/* ==== zoom in ==== */
 
-
diap.S = this;
 
-
this.createLabel();
 
-
}
 
-
diap.setPosition();
 
-
}
 
-
s.createLabel();
 
-
s.ondblclick = s.onclick;
 
-
s.ondrag = function () { return false; }
 
-
k++;
 
-
}
 
-
}
 
-
this.N = NX * NY;
 
-
/* ==== add resize event ==== */
 
-
this.resize();
 
-
addEvent(window, 'resize', diap.resize);
 
-
/* ==== start main loop ==== */
 
-
this.run();
 
-
}
 
-
}
 
-
 
-
/* ==== create diaporama ==== */
 
-
onload = function () {
 
-
/* ==== container, X, T, path, [image.src, text] ==== */
 
-
diap.init("screen", 2, 2, "", [
 
-
["https://static.igem.org/mediawiki/2011/e/e6/Whu-1.jpg", "His little voodoo was a success"],
 
-
["https://static.igem.org/mediawiki/2011/e/e6/Whu-1.jpg", "She arrived from nowhere"],
 
-
["https://static.igem.org/mediawiki/2011/e/e6/Whu-1.jpg", "as cute as she could be"],
 
-
 
-
["https://static.igem.org/mediawiki/2011/e/e6/Whu-1.jpg", "...the beauty of autumn"]
 
-
]);
 
-
}
 
-
</script>
 
-
</head>
 
-
<body>
 
-
<div id="screen"></div>
 
-
<img id="loading" alt="" src="https://static.igem.org/mediawiki/2011/e/e6/Whu-1.jpg" style="visibility: hidden">
 
</body>
</body>
 +
</html>
</html>
 +
{{WHUcss}}

Revision as of 18:32, 2 October 2011

Count Down

days

hours

minutes

seconds

Visitor

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