|
|
Line 1: |
Line 1: |
- | {{:Team:KAIST-Korea/header}} | + | {{:Team:KAIST-Korea/jihan}} |
- | {{:Team:KAIST-Korea/loading}}
| + | |
- | {{:Team:KAIST-Korea/menu}}
| + | |
- | | + | |
| <html> | | <html> |
- | <head> | + | <head><!-- saved from url=(0014)about:internet --> |
| + | </head> |
| | | |
- | <script type="text/javascript" language="javascript">
| |
- |
| |
- | NumberOfImages = 7;
| |
- | ImagesLayers = new Array(NumberOfImages);
| |
- | ImagesLayers[0] = "https://static.igem.org/mediawiki/igem.org/thumb/8/87/Desert.jpg/800px-Desert.jpg";
| |
- | ImagesLayers[1] = "https://static.igem.org/mediawiki/igem.org/thumb/a/a4/Hydrangeas.jpg/800px-Hydrangeas.jpg";
| |
- | ImagesLayers[2] = "https://static.igem.org/mediawiki/2011/thumb/b/bd/Jellyfish.jpg/800px-Jellyfish.jpg";
| |
- | ImagesLayers[3] = "https://static.igem.org/mediawiki/2011/0/06/Koala.jpg";
| |
- | ImagesLayers[4] = "https://static.igem.org/mediawiki/2011/thumb/4/4f/Lighthouse.jpg/800px-Lighthouse.jpg";
| |
- | ImagesLayers[5] = "https://static.igem.org/mediawiki/2011/thumb/5/53/Tulips.jpg/800px-Tulips.jpg";
| |
- | ImagesLayers[6] = "https://static.igem.org/mediawiki/2011/thumb/5/57/Penguins.jpg/800px-Penguins.jpg";
| |
- |
| |
- |
| |
- | function ImageChange_Up(){
| |
- | ImagesLayers.push(ImagesLayers.shift());
| |
- | document.myImages1.src=ImagesLayers[0];
| |
- | document.myImages2.src=ImagesLayers[1];
| |
- | document.myImages3.src=ImagesLayers[2];
| |
- | document.myImages4.src=ImagesLayers[3];
| |
- | document.myImages5.src=ImagesLayers[4];
| |
- | }
| |
- |
| |
- | function ImageChange_Down(){
| |
- | ImagesLayers.unshift(ImagesLayers.pop());
| |
- | document.myImages1.src=ImagesLayers[0];
| |
- | document.myImages2.src=ImagesLayers[1];
| |
- | document.myImages3.src=ImagesLayers[2];
| |
- | document.myImages4.src=ImagesLayers[3];
| |
- | document.myImages5.src=ImagesLayers[4];
| |
- | }
| |
- |
| |
- | function ImageMag(name, number){
| |
- | var Image = document.getElementById(name);
| |
- |
| |
- | if (Image.filters)
| |
- | {
| |
- | Image.style.filter="blendTrans(duration=1)";
| |
- | Image.filters.blendTrans.Apply();
| |
- | }
| |
- | Image.src=ImagesLayers[number];
| |
- |
| |
- | if (Image.filters)
| |
- | {
| |
- | Image.filters.blendTrans.Play();
| |
- | }
| |
- | }
| |
- |
| |
- | </script>
| |
- |
| |
- |
| |
- |
| |
- | <style type="text/css">
| |
- |
| |
- | a:hover {color:#FA8282;} /* mouse over link */
| |
- | a:active {color:#FFFFFF;} /* selected link */
| |
- |
| |
- | #TagHome{
| |
- | position: absolute;
| |
- | font-family:Bell MT;
| |
- | font-size:12pt;
| |
- | left:10px;
| |
- | top:-30px;
| |
- | }
| |
- |
| |
- | #TagProjects{
| |
- | position: absolute;
| |
- | font-family:Bell MT;
| |
- | font-size:12pt;
| |
- | left:70px;
| |
- | top:-30px;
| |
- | }
| |
- |
| |
- | #TagOverview{
| |
- | position: absolute;
| |
- | font-family:Bell MT;
| |
- | font-size:12pt;
| |
- | left:130px;
| |
- | top:-30px;
| |
- | }
| |
- |
| |
- | #img{
| |
- | position:relative;
| |
- | border-right:2px solid white;
| |
- | width:200px;
| |
- | height:700px;
| |
- | padding-right:5px;
| |
- | }
| |
- |
| |
- | table
| |
- | {
| |
- | border-collapse:collapse;
| |
- | }
| |
- | table, td, th
| |
- | {
| |
- | border:1px solid white;
| |
- | background-color:black;
| |
- | }
| |
- |
| |
- | </style>
| |
- | </head>
| |
| <body> | | <body> |
- | | + | <div id="kaistcontent"> |
- | <!--Tag Body--> | + | <a class="gallery" rel="gallery1" href="https://static.igem.org/mediawiki/igem.org/thumb/8/87/Desert.jpg/800px-Desert.jpg"><img alt="" src="https://static.igem.org/mediawiki/igem.org/thumb/8/87/Desert.jpg/800px-Desert.jpg" width="80px" /></a> |
- | | + | <a class="gallery" rel="gallery1" href="https://static.igem.org/mediawiki/igem.org/thumb/8/87/Desert.jpg/800px-Desert.jpg"><img alt="" src="https://static.igem.org/mediawiki/igem.org/thumb/8/87/Desert.jpg/800px-Desert.jpg" width="80px" /></a> |
- | | + | <a class="gallery" rel="gallery1" href="https://static.igem.org/mediawiki/igem.org/thumb/8/87/Desert.jpg/800px-Desert.jpg"><img alt="" src="https://static.igem.org/mediawiki/igem.org/thumb/8/87/Desert.jpg/800px-Desert.jpg" width="80px" /></a> |
- | <div id="TagHome"> | + | |
- | <a href="https://2011.igem.org/Team:KAIST-Korea">Home > </a> | + | |
| </div> | | </div> |
- |
| |
- | <div id="TagProjects">
| |
- | <a href="https://2011.igem.org/Team:KAIST-Korea/Team/Members">Team > </a>
| |
- | </div>
| |
- |
| |
- | <div id="TagOverview">
| |
- | <a href="https://2011.igem.org/Team:KAIST-Korea/Team/Photos">Photos</a>
| |
- | </div>
| |
- |
| |
- |
| |
- | <div id="img">
| |
- | <img src="https://static.igem.org/mediawiki/2011/d/d5/Photomenu-kaist.png" width=200; height=700; />
| |
- |
| |
- | <a href="javascript:ImageChange_Up();">
| |
- | <img src="https://static.igem.org/mediawiki/igem.org/b/ba/Arrow-up.png" width=40; height=25; style="position:relative; left:83px; top:-580px;" />
| |
- | </a>
| |
- |
| |
- | <table style="position:relative; left:10px; top:-580px;" width=180; height=300;>
| |
- | <tr >
| |
- | <td >
| |
- | <a href="javascript:ImageMag('WindowImage',0);">
| |
- | <img src="https://static.igem.org/mediawiki/igem.org/thumb/8/87/Desert.jpg/800px-Desert.jpg" name="myImages1" style="padding:5px;" width=170; height=90; />
| |
- | </a>
| |
- | </td>
| |
- | </tr>
| |
- | <tr >
| |
- | <td >
| |
- | <a href="javascript:ImageMag('WindowImage',1);">
| |
- | <img src="https://static.igem.org/mediawiki/2011/thumb/b/bd/Jellyfish.jpg/800px-Jellyfish.jpg" name="myImages2" style="padding:5px;" width=170; height=90/>
| |
- | </a>
| |
- | </td>
| |
- | </tr>
| |
- | <tr >
| |
- | <td >
| |
- | <a href="javascript:ImageMag('WindowImage',2);">
| |
- | <img src="https://static.igem.org/mediawiki/igem.org/thumb/a/a4/Hydrangeas.jpg/800px-Hydrangeas.jpg" name="myImages3" style="padding:5px;" width=170; height=90/>
| |
- | </a>
| |
- | </td>
| |
- | </tr>
| |
- | <tr >
| |
- | <td >
| |
- | <a href="javascript:ImageMag('WindowImage',3);">
| |
- | <img src="https://static.igem.org/mediawiki/2011/0/06/Koala.jpg" name="myImages4" style="padding:5px;" width=170; height=90/>
| |
- | </a>
| |
- | </td>
| |
- | </tr>
| |
- | <tr >
| |
- | <td >
| |
- | <a href="javascript:ImageMag('WindowImage',4);">
| |
- | <img src="https://static.igem.org/mediawiki/2011/thumb/4/4f/Lighthouse.jpg/800px-Lighthouse.jpg" name="myImages5" style="padding:5px;" width=170; height=90/>
| |
- | </a>
| |
- | </td>
| |
- | </tr>
| |
- | </table>
| |
- |
| |
- | <a href="javascript:ImageChange_Down();">
| |
- | <img src="https://static.igem.org/mediawiki/igem.org/f/fb/Arrow-down.png" width=40; height=25; style="position:relative; left:83px; top:-570px;" />
| |
- | </a>
| |
- | </div>
| |
- |
| |
- |
| |
- | <table style="position:relative; left:230px; top:-700px;" width=740; height=700;>
| |
- | <tr >
| |
- | <td >
| |
- | <img src="https://static.igem.org/mediawiki/igem.org/thumb/8/87/Desert.jpg/800px-Desert.jpg" style="padding:10px;" id="WindowImage" width=720; height=680;>
| |
- | </td>
| |
- | </tr>
| |
- | </table>
| |
- |
| |
- | </div>
| |
- |
| |
| </body> | | </body> |
| </html> | | </html> |