|
|
| Line 32: |
Line 32: |
| | </head> | | </head> |
| | <body> | | <body> |
| - |
| |
| - |
| |
| - | <!-- Start of the javascript used to run the Gallery -->
| |
| - | <script type="text/javascript">
| |
| - | // Gallery script.
| |
| - | // With image cross fade effect for those browsers that support it.
| |
| - | // Script copyright (C) 2004 www.cryer.co.uk.
| |
| - | // Script is free to use provided this copyright header is included.
| |
| - | // Slightly modified by Ji Han H, an undergraduate student at the Bio and Brain Engineering Department at KAIST.
| |
| - | function LoadGallery(pictureName, picturename2, imageFile,titleCaption,captionText,contentCaption, captionText2)
| |
| - | {
| |
| - | var picture = document.getElementById(pictureName);
| |
| - | var picture2 = document.getElementById(picturename2);
| |
| - | <!-- picture -->
| |
| - | if (picture.filters)
| |
| - | {
| |
| - | picture.style.filter="blendTrans(duration=1)";
| |
| - | picture.filters.blendTrans.Apply();
| |
| - | }
| |
| - | picture.src = imageFile;
| |
| - | if (picture.filters)
| |
| - | {
| |
| - | picture.filters.blendTrans.Play();
| |
| - | }
| |
| - | document.getElementById(titleCaption).innerHTML=captionText;
| |
| - | <!-- picture 2-->
| |
| - | if (picture2.filters)
| |
| - | {
| |
| - | picture2.style.filter="blendTrans(duration=1)";
| |
| - | picture2.filters.blendTrans.Apply();
| |
| - | }
| |
| - | picture2.src = imageFile;
| |
| - | if (picture2.filters)
| |
| - | {
| |
| - | picture2.filters.blendTrans.Play();
| |
| - | }
| |
| - | document.getElementById(contentCaption).innerHTML=captionText2;
| |
| - | }
| |
| - | </script>
| |
| - | <!-- End of the javascript used to implement the gallery-->
| |
| - |
| |
| - | <!-- Main Body -->
| |
| - | <div
| |
| - | style="
| |
| - | top: 100px;>
| |
| - | <!-- Main Image place holder -->
| |
| - | <div
| |
| - | style="
| |
| - | top: 0px;
| |
| - | left: 0px;
| |
| - | position: absolute;
| |
| - | z-index: 2;
| |
| - | visibility: show;">
| |
| - | <img border="1" src="" id="iGEM_Gallery" width="1000" height="500">
| |
| - | </div>
| |
| - |
| |
| - | <!-- Icon Image place holder -->
| |
| - | <div
| |
| - | style="
| |
| - | top: 150px;
| |
| - | left: 460px;
| |
| - | position: absolute;
| |
| - | z-index: 2;
| |
| - | visibility: show;">
| |
| - | <img border="1" src="http://imgnews.jknews.co.kr/photo/2009/09/24/20090924_12537820151.jpg" id="icon" width="25" height="25";>
| |
| - | </div>
| |
| - |
| |
| - |
| |
| - | <!-- Caption place holder -->
| |
| - | <div
| |
| - | style="
| |
| - | top: 150px;
| |
| - | left: 500px;
| |
| - | width: 300px;
| |
| - | position: absolute;
| |
| - | z-index: 2;
| |
| - | visibility: show;">
| |
| - | <div id=iGEMGalleryCaption style="color:white;position:absolute;font-size:20pt;">President Suh</div>
| |
| - | <br>
| |
| - | <br>
| |
| - | <br>
| |
| - | <br>
| |
| - | <div id=contentCaption style="color:black;position:absolute;">President of KAIST</div>
| |
| - | </div>
| |
| - |
| |
| - |
| |
| - |
| |
| - |
| |
| - | <!--map of gallery-->
| |
| - | <div
| |
| - | style="
| |
| - | top: 100px;
| |
| - | left: 720px;
| |
| - | position: absolute;
| |
| - | z-index: 2;
| |
| - | visibility: show;">
| |
| - | <img border="1" src="https://static.igem.org/mediawiki/2011/2/2a/Gallery_pic.png" width="201" height="201">
| |
| - | </div>
| |
| - |
| |
| - |
| |
| - |
| |
| - | <!--thumbnails-->
| |
| - | <div
| |
| - | style="
| |
| - | top: 300px;
| |
| - | left: 750px;
| |
| - | position: absolute;
| |
| - | z-index: 2;
| |
| - | visibility: show;">
| |
| - | <a href="#_self" onclick="LoadGallery('iGEM_Gallery', 'icon','http://upload.wikimedia.org/wikipedia/en/8/8f/Seal_of_KAIST.png', 'iGEMGalleryCaption', 'KAIST Emblem','contentCaption', 'Korea Advanced Institute of Science and Technology')"><img border="0" src="http://upload.wikimedia.org/wikipedia/en/8/8f/Seal_of_KAIST.png" id="iGEM_Gallery" width="40" height="40" style="border: 5px solid #2E2E2E;">
| |
| - | </a>
| |
| - | <a href="#_self" onclick="LoadGallery('iGEM_Gallery', 'icon','http://upload.wikimedia.org/wikipedia/en/4/44/POSTECH_emblem.png', 'iGEMGalleryCaption', 'Postech Emblem','contentCaption', 'Pohang University of Science and Technology')"><img border="0" src="http://upload.wikimedia.org/wikipedia/en/4/44/POSTECH_emblem.png" id="iGEM_Gallery" width="40" height="40" style="border: 5px solid #2E2E2E;margin-left: -5px;">
| |
| - | </a>
| |
| - | <a href="#_self" onclick="LoadGallery('iGEM_Gallery', 'icon','http://2.bp.blogspot.com/_QXRm8WxqwVE/SBhanyoc22I/AAAAAAAADcg/T5RJDg03WlY/s400/globalsymbol.gif', 'iGEMGalleryCaption', 'Korea U. Emblem','contentCaption','Korea university')"><img border="0" src="http://2.bp.blogspot.com/_QXRm8WxqwVE/SBhanyoc22I/AAAAAAAADcg/T5RJDg03WlY/s400/globalsymbol.gif" id="iGEM_Gallery" width="40" height="40" style="border: 5px solid #2E2E2E;margin-left: -5px;" >
| |
| - | </a>
| |
| - | </br>
| |
| - | <a href="#_self" onclick="LoadGallery('iGEM_Gallery', 'icon','http://www.issmge.org/getfile.ashx?cid=126068&cc=3&refid=15', 'iGEMGalleryCaption', 'Yonsei Emblem','contentCaption','Yonsei University')"><img border="0" src="http://www.issmge.org/getfile.ashx?cid=126068&cc=3&refid=15" id="iGEM_Gallery" width="40" height="40" style="border: 5px solid #2E2E2E;">
| |
| - | </a>
| |
| - | <a href="#_self" onclick="LoadGallery('iGEM_Gallery', 'icon','http://upload.wikimedia.org/wikipedia/en/4/44/POSTECH_emblem.png', 'iGEMGalleryCaption', 'Postech Emblem','contentCaption','Pohang University of Science and Technology')"><img border="0" src="http://upload.wikimedia.org/wikipedia/en/4/44/POSTECH_emblem.png" id="iGEM_Gallery" width="40" height="40" style="border: 5px solid #2E2E2E; margin-left: -5px;">
| |
| - | </a>
| |
| - | <a href="#_self" onclick="LoadGallery('iGEM_Gallery', 'icon','http://2.bp.blogspot.com/_QXRm8WxqwVE/SBhanyoc22I/AAAAAAAADcg/T5RJDg03WlY/s400/globalsymbol.gif', 'iGEMGalleryCaption', 'Korea U. Emblem','contentCaption','Korea University')"><img border="0" src="http://2.bp.blogspot.com/_QXRm8WxqwVE/SBhanyoc22I/AAAAAAAADcg/T5RJDg03WlY/s400/globalsymbol.gif" id="iGEM_Gallery" width="40" height="40" style="border: 5px solid #2E2E2E; margin-left: -5px;" >
| |
| - | </a>
| |
| - |
| |
| - | </br>
| |
| - | <a href="#_self" onclick="LoadGallery('iGEM_Gallery', 'icon','http://upload.wikimedia.org/wikipedia/en/8/8f/Seal_of_KAIST.png', 'iGEMGalleryCaption', 'KAIST Emblem','contentCaption','Korea Advanced Institute of Science and Technology')"><img border="0" src="http://upload.wikimedia.org/wikipedia/en/8/8f/Seal_of_KAIST.png" id="iGEM_Gallery" width="40" height="40" style="border: 5px solid #2E2E2E; "
| |
| - | </a>
| |
| - | <a href="#_self" onclick="LoadGallery('iGEM_Gallery', 'icon','http://upload.wikimedia.org/wikipedia/en/4/44/POSTECH_emblem.png', 'iGEMGalleryCaption', 'Postech Emblem','contentCaption','Pohang University of Science and Technology')"><img border="0" src="http://upload.wikimedia.org/wikipedia/en/4/44/POSTECH_emblem.png" id="iGEM_Gallery" width="40" height="40" style="border: 5px solid #2E2E2E; margin-left: -5px;" >
| |
| - | </a>
| |
| - | <a href="#_self" onclick="LoadGallery('iGEM_Gallery', 'icon','http://2.bp.blogspot.com/_QXRm8WxqwVE/SBhanyoc22I/AAAAAAAADcg/T5RJDg03WlY/s400/globalsymbol.gif', 'iGEMGalleryCaption', 'Korea U. Emblem','contentCaption','Korea University')"><img border="0" src="http://2.bp.blogspot.com/_QXRm8WxqwVE/SBhanyoc22I/AAAAAAAADcg/T5RJDg03WlY/s400/globalsymbol.gif" id="iGEM_Gallery" width="40" height="40" style="border: 5px solid #2E2E2E; margin-left: -5px;" >
| |
| - | </a>
| |
| - | </div>
| |
| - | </div>
| |
| - |
| |
| | | | |
| | </body> | | </body> |
| | </html> | | </html> |
"
