|
|
Line 33: |
Line 33: |
| <body> | | <body> |
| | | |
- | <!-- Start of the javascript used to run the Gallery --> | + | <!--Javascript used to implement the gallery--> |
| + | |
| <script type="text/javascript"> | | <script type="text/javascript"> |
| // Gallery script. | | // Gallery script. |
Line 70: |
Line 71: |
| } | | } |
| </script> | | </script> |
- | <!-- End of the javascript used to implement the gallery-->
| |
- |
| |
- | <!-- Main Body -->
| |
- | <div id ="kaistcontent"
| |
- | style="
| |
- | top: 0px;
| |
- | height: 1000px;
| |
- | position:absolute;>
| |
- | <!-- 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> |