@@ 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 lang="en" xmlns="http://www.w3.org/1999/xhtml"
+<script language="JavaScript1.2">
- dir="ltr" lang="en-US">
-<head>
+/*
-  <meta content="text/html; charset=UTF-8"
+Left-Right image slideshow Script-
- http-equiv="Content-Type" />
+By Dynamic Drive (www.dynamicdrive.com)
-  <meta content="IE=EmulateIE7" http-equiv="X-UA-Compatible" />
+For full source code, terms of use, and 100's more scripts, visit http://dynamicdrive.com
-  <title>FREiGEM</title>
+*/
-  <script src="script.js" type="text/javascript"></script>
-  <link media="screen" type="text/css" href="style.css"
+///////configure the below four variables to change the style of the slider///////
- rel="stylesheet" />
+//set the scrollerwidth and scrollerheight to the width/height of the LARGEST image in your slideshow!
-<!--[if IE 6]><link rel="stylesheet" href="style.ie6.css" type="text/css" media="screen" /><![endif]--><!--[if IE 7]><link rel="stylesheet" href="style.ie7.css" type="text/css" media="screen" /><![endif]-->
+var scrollerwidth='100px'
-</head>
+var scrollerheight='106px'
-<body>
+var scrollerbgcolor='white'
-<div id="art-page-background-simple-gradient"> </div>
+//3000 miliseconds=3 seconds
-<div id="art-main">
+var pausebetweenimages=3000
-<div class="art-Sheet">
-<div class="art-Sheet-tl"></div>
-<div class="art-Sheet-tr"></div>
+//configure the below variable to change the images used in the slideshow. If you wish the images to be clickable, simply wrap the images with the appropriate <a> tag
-<div class="art-Sheet-bl"></div>
+var slideimages=new Array()
-<div class="art-Sheet-br"></div>
+slideimages[0]='<a href="http://www.cnn.com"><img src="PE01805A.gif" border=0"></a>'
-<div class="art-Sheet-tc"></div>
+slideimages[1]='<img src="PE01803A.gif">'
-<div class="art-Sheet-bc"></div>
+slideimages[2]='<img src="TN00411A.gif">'
-<div class="art-Sheet-cl"></div>
+slideimages[3]='<img src="PE02054A.gif">'
-<div class="art-Sheet-cr"></div>
+slideimages[4]='<img src="cake.gif">'
-<div class="art-Sheet-cc"></div>
+//extend this list
-<div class="art-Sheet-body">
-<div class="art-Header">
+///////Do not edit pass this line///////////////////////
-<div class="art-Header-jpeg"></div>
-</div>
+var ie=document.all
-<div class="art-nav">
+var dom=document.getElementById
-<div class="l"></div>
-<div class="r"></div>
+if (slideimages.length>1)
-<ul class="art-menu">
+i=2
-  <li><a class="active"
+else
- href="https://2009.igem.org/Team:Freiburg_bioware"><span
+i=0
- class="l"></span><span class="r"></span><span
- class="t">Home</span></a></li>
+function move1(whichlayer){
-  <li><a href="https://2009.igem.org/Team:Freiburg_bioware/Team"><span
+tlayer=eval(whichlayer)
- class="l"></span><span class="r"></span><span
+if (tlayer.left>0&&tlayer.left<=5){
- class="t">The Team</span></a>
+tlayer.left=0
-    <ul>
+setTimeout("move1(tlayer)",pausebetweenimages)
-      <li><a href="#">Overview</a></li>
+setTimeout("move2(document.main.document.second)",pausebetweenimages)
-      <li><a href="#">Photos</a></li>
+return
-    </ul>
+}
-  </li>
+if (tlayer.left>=tlayer.document.width*-1){
-  <li><a href="#"><span class="l"></span><span
+tlayer.left-=5
- class="r"></span><span class="t">The
+setTimeout("move1(tlayer)",50)
-Project</span></a></li>
+}
-  <li><a
+else{
- href="https://2009.igem.org/Team:Freiburg_bioware/Human_Practice"><span
+tlayer.left=parseInt(scrollerwidth)+5
- class="l"></span><span class="r"></span><span
+tlayer.document.write(slideimages[i])
- class="t">Human
+tlayer.document.close()
-Practice</span></a>
+if (i==slideimages.length-1)
-    <ul>
+i=0
-      <li><a href="#">D'oh! Something's missing here.</a>
+else
-        <ul>
+i++
-          <li><a href="#">1</a> </li>
+}
-          <li><a href="#">2</a> </li>
+}
-          <li><a href="#">3</a> </li>
-        </ul>
+function move2(whichlayer){
-      </li>
+tlayer2=eval(whichlayer)
-      <li><a href="#">4</a></li>
+if (tlayer2.left>0&&tlayer2.left<=5){
-      <li><a href="#">5</a></li>
+tlayer2.left=0
-    </ul>
+setTimeout("move2(tlayer2)",pausebetweenimages)
-  </li>
+setTimeout("move1(document.main.document.first)",pausebetweenimages)
-  <li><a href="#"><span class="l"></span><span
+return
- class="r"></span><span class="t">Notebook</span></a></li>
+}
-  <li><a
+if (tlayer2.left>=tlayer2.document.width*-1){
- href="https://2009.igem.org/Team:Freiburg_bioware/Collaboration"><span
+tlayer2.left-=5
- class="l"></span><span class="r"></span><span
+setTimeout("move2(tlayer2)",50)
- class="t">Collaboration</span></a></li>
+}
-</ul>
+else{
-</div>
+tlayer2.left=parseInt(scrollerwidth)+5
-<div class="art-contentLayout">
+tlayer2.document.write(slideimages[i])
-<div class="art-content">
+tlayer2.document.close()
-<div class="art-Post">
+if (i==slideimages.length-1)
-<div class="art-Post-tl"></div>
+i=0
-<div class="art-Post-tr"></div>
+else
-<div class="art-Post-bl"></div>
+i++
-<div class="art-Post-br"></div>
+}
-<div class="art-Post-tc"></div>
+}
-<div class="art-Post-bc"></div>
-<div class="art-Post-cl"></div>
+function move3(whichdiv){
-<div class="art-Post-cr"></div>
+tdiv=eval(whichdiv)
-<div class="art-Post-cc"></div>
+if (parseInt(tdiv.style.left)>0&&parseInt(tdiv.style.left)<=5){
-<div class="art-Post-body">
+tdiv.style.left=0+"px"
-<div class="art-Post-inner">
+setTimeout("move3(tdiv)",pausebetweenimages)
-<div class="art-PostMetadataHeader">
+setTimeout("move4(scrollerdiv2)",pausebetweenimages)
-<h2 class="art-PostHeaderIcon-wrapper">&nbsp;Undergraduates<span
+return
- class="art-PostHeader"></span>
+}
-</h2>
+if (parseInt(tdiv.style.left)>=tdiv.offsetWidth*-1){
-</div>
+tdiv.style.left=parseInt(tdiv.style.left)-5+"px"
-<div class="art-PostContent">
+setTimeout("move3(tdiv)",50)
-<div style="text-align: center;"></div>
+}
-<br />
+else{
-<div style="text-align: left;">
+tdiv.style.left=scrollerwidth
-&nbsp;&nbsp;&nbsp;
+tdiv.innerHTML=slideimages[i]
-<table
+if (i==slideimages.length-1)
- style="text-align: left; margin-left: auto; margin-right: auto;"
+i=0
- border="0" cellpadding="0" cellspacing="0">
+else
-  <tbody bgcolor="#e2eff9">
+i++
-    <tr>
+}
-      <td><img
+}
- src="https://static.igem.org/mediawiki/2009/1/1e/Freiburg09_Anika.jpg"
- alt="" style="width: 300px; height: 225px;" /><img
+function move4(whichdiv){
- style="width: 5px; height: 300px;" alt=""
+tdiv2=eval(whichdiv)
- src="https://static.igem.org/mediawiki/2009/6/62/Freiburg09_5px_spacer.jpg" /><br />
+if (parseInt(tdiv2.style.left)>0&&parseInt(tdiv2.style.left)<=5){
-      </td>
+tdiv2.style.left=0+"px"
-      <td><img
+setTimeout("move4(tdiv2)",pausebetweenimages)
- src="https://static.igem.org/mediawiki/2009/f/fb/Freiburg09_Caro.jpg"
+setTimeout("move3(scrollerdiv1)",pausebetweenimages)
- alt="" style="width: 300px; height: 225px;" /><img
+return
- style="width: 5px; height: 300px;" alt=""
+}
- src="https://static.igem.org/mediawiki/2009/6/62/Freiburg09_5px_spacer.jpg" /></td>
+if (parseInt(tdiv2.style.left)>=tdiv2.offsetWidth*-1){
-      <td><img
+tdiv2.style.left=parseInt(tdiv2.style.left)-5+"px"
- src="https://static.igem.org/mediawiki/2009/4/47/Freiburg09_Christoph.jpg"
+setTimeout("move4(scrollerdiv2)",50)
- alt="" style="width: 300px; height: 225px;" /></td>
+}
-    </tr>
+else{
-    <tr>
+tdiv2.style.left=scrollerwidth
-      <td style="text-align: center;">Anika</td>
+tdiv2.innerHTML=slideimages[i]
-      <td style="text-align: center;">Carolin&nbsp;</td>
+if (i==slideimages.length-1)
-      <td style="text-align: center;">Christoph</td>
+i=0
-    </tr>
+else
-    <tr>
+i++
-      <td><img
+}
- src="https://static.igem.org/mediawiki/2009/7/73/Freiburg09_Gerrit.jpg"
+}
- alt="" style="width: 300px; height: 225px;" /></td>
-      <td><img
+function startscroll(){
- src="https://static.igem.org/mediawiki/2009/3/3e/Freiburg09_Hannes.jpg"
+if (ie||dom){
- alt="" style="width: 300px; height: 225px;" /></td>
+scrollerdiv1=ie? first2 : document.getElementById("first2")
-      <td><img
+scrollerdiv2=ie? second2 : document.getElementById("second2")
- src="https://static.igem.org/mediawiki/2009/4/40/Freiburg09_Isabel.jpg"
+move3(scrollerdiv1)
- alt="" style="width: 300px; height: 225px;" /></td>
+scrollerdiv2.style.left=scrollerwidth
-    </tr>
+}
-    <tr>
+else if (document.layers){
-      <td style="text-align: center;">Gerrit</td>
+document.main.visibility='show'
-      <td style="text-align: center;">Hannes</td>
+move1(document.main.document.first)
-      <td style="text-align: center;">Isabel&nbsp;</td>
+document.main.document.second.left=parseInt(scrollerwidth)+5
-    </tr>
+document.main.document.second.visibility='show'
-    <tr>
+}
-      <td><img
+}
- src="https://static.igem.org/mediawiki/2009/2/28/Freiburg09_Julia.jpg"
- alt="" style="width: 300px; height: 225px;" /></td>
+window.onload=startscroll
-      <td><img
- src="https://static.igem.org/mediawiki/2009/1/18/Freiburg09_Laura.jpg"
+</script>
- alt="" style="width: 300px; height: 225px;" /></td>
-      <td><img
- src="https://static.igem.org/mediawiki/2009/e/eb/Freiburg09_Manuel.jpg"
- alt="" style="width: 300px; height: 225px;" /></td>
-    </tr>
+<ilayer id="main" width=&{scrollerwidth}; height=&{scrollerheight}; bgColor=&{scrollerbgcolor}; visibility=hide>
-    <tr>
+<layer id="first" left=1 top=0 width=&{scrollerwidth}; >
-      <td style="text-align: center;">Julia</td>
+<script language="JavaScript1.2">
-      <td style="text-align: center;">Laura</td>
+if (document.layers)
-      <td style="text-align: center;">Manuel</td>
+document.write(slideimages[0])
-    </tr>
+</script>
-    <tr>
+</layer>
-      <td><img
+<layer id="second" left=0 top=0 width=&{scrollerwidth}; visibility=hide>
- src="https://static.igem.org/mediawiki/2009/c/cb/Freiburg09_Max3.jpg"
+<script language="JavaScript1.2">
- alt="" style="width: 300px; height: 225px;" /></td>
+if (document.layers)
-      <td><img
+document.write(slideimages[1])
- src="https://static.igem.org/mediawiki/2009/d/d2/Freiburg09_Sarah.jpg"
+</script>
- alt="" style="width: 300px; height: 225px;" /></td>
+</layer>
-      <td><img
+</ilayer>
- src="https://static.igem.org/mediawiki/2009/9/9a/Freiburg09_Timo.jpg"
- alt="" style="width: 300px; height: 225px;" /></td>
+<script language="JavaScript1.2">
-    </tr>
+if (ie||dom){
-    <tr>
+document.writeln('<div id="main2" style="position:relative;width:'+scrollerwidth+';height:'+scrollerheight+';overflow:hidden;background-color:'+scrollerbgcolor+'">')
-      <td style="text-align: center;">Max</td>
+document.writeln('<div style="position:absolute;width:'+scrollerwidth+';height:'+scrollerheight+';clip:rect(0 '+scrollerwidth+' '+scrollerheight+' 0);left:0px;top:0px">')
-      <td style="text-align: center;">Sarah</td>
+document.writeln('<div id="first2" style="position:absolute;width:'+scrollerwidth+';left:1px;top:0px;">')
-      <td style="text-align: center;">Timo</td>
+document.write(slideimages[0])
-    </tr>
+document.writeln('</div>')
-  </tbody>
+document.writeln('<div id="second2" style="position:absolute;width:'+scrollerwidth+';left:0px;top:0px">')
-</table>
+document.write(slideimages[1])
-&nbsp;</div>
+document.writeln('</div>')
-<br />
+document.writeln('</div>')
-</div>
+document.writeln('</div>')
-<div class="cleared"></div>
+}
-</div>
+</script>
-</div>
-</div>
+<p align="center"><font face="Arial" size="-2">Free DHTML scripts provided by<br>
-<div class="art-Post">
+<a href="http://dynamicdrive.com">Dynamic Drive</a></font></p>
-<div class="art-Post-tl"></div>
-<div class="art-Post-tr"></div>
-<div class="art-Post-bl"></div>
-<div class="art-Post-br"></div>
-<div class="art-Post-tc"></div>
-<div class="art-Post-bc"></div>
-<div class="art-Post-cl"></div>
-<div class="art-Post-cr"></div>
-<div class="art-Post-cc"></div>
-<div class="art-Post-body">
-<div class="art-Post-inner">
-<div class="art-PostMetadataHeader">
-<h2 class="art-PostHeaderIcon-wrapper"> Advisors<span
- class="art-PostHeader"></span> </h2>
-</div>
-<div style="text-align: center;"></div>
-<br />
-<br />
-<span style="font-weight: bold;"></span>
-<table
- style="width: 750px; text-align: left; margin-left: auto; margin-right: auto;"
- border="0" cellpadding="0" cellspacing="0">
-  <tbody bgcolor="#e2eff9">
-    <tr>
-      <td style="text-align: center;"><img
- src="https://static.igem.org/mediawiki/2009/a/a6/Freiburg09_Katja.jpg"
- alt="" style="width: 300px; height: 225px;" /></td>
-      <td style="text-align: center;"><img
- src="https://static.igem.org/mediawiki/2009/f/f2/Freiburg09_Kristian.jpg"
- alt="" style="width: 300px; height: 225px;" /></td>
-    </tr>
-    <tr>
-      <td style="text-align: center;">Katja</td>
-      <td style="text-align: center;">Kristian</td>
-    </tr>
-    <tr>
-      <td style="text-align: center;"><img alt=""
- src="https://static.igem.org/mediawiki/2009/9/9a/Freiburg09_Tobi.jpg" /></td>
-      <td style="text-align: center;"><img
- style="width: 300px; height: 225px;" alt=""
- src="https://static.igem.org/mediawiki/2009/0/0b/Freiburg09_Sven.jpg" /></td>
-    </tr>
-    <tr>
-      <td style="text-align: center;">Tobias</td>
-      <td style="text-align: center;">Sven</td>
-    </tr>
-  </tbody>
-</table>
-<span style="font-weight: bold;"></span>
-<br />
-<br />
-</div>
-</div>
-</div>
-</div>
-</div>
-<div class="cleared"></div>
-<div class="art-Footer">
-<div class="art-Footer-inner">
-<div class="art-Footer-text">
-<p>contact:&nbsp; <a
- href="mailto:freigem09@googlemail.com">freigem09@googlemail.com</a><br />
-</p>
-</div>
-</div>
-<div class="art-Footer-background"></div>
-</div>
-</div>
-</div>
-</div>
-</body>
 </html>

Team:Freiburg bioware/Testpage2

From 2009.igem.org

Revision as of 16:23, 12 October 2009