Team:KAIST-Korea/Results/Gallery
From 2011.igem.org
(Difference between revisions)
(166 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
{{:Team:KAIST-Korea/header}} | {{:Team:KAIST-Korea/header}} | ||
+ | {{:Team:KAIST-Korea/loading}} | ||
{{:Team:KAIST-Korea/menu}} | {{:Team:KAIST-Korea/menu}} | ||
Line 35: | Line 36: | ||
top:-30px; | top:-30px; | ||
} | } | ||
- | |||
- | |||
- | |||
Line 54: | Line 52: | ||
<div id="TagProjects"> | <div id="TagProjects"> | ||
- | <a href="https://2011.igem.org/Team:KAIST-Korea/Results">Results > </a> | + | <a href="https://2011.igem.org/Team:KAIST-Korea/Results/Summary">Results> </a> |
</div> | </div> | ||
Line 62: | Line 60: | ||
</div> | </div> | ||
</body> | </body> | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
<!--Javascript used to implement the gallery--> | <!--Javascript used to implement the gallery--> | ||
Line 95: | Line 68: | ||
// Script copyright (C) 2004 www.cryer.co.uk. | // Script copyright (C) 2004 www.cryer.co.uk. | ||
// Script is free to use provided this copyright header is included. | // Script is free to use provided this copyright header is included. | ||
- | function LoadGallery(pictureName,imageFile,titleCaption,captionText) | + | // 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 picture = document.getElementById(pictureName); | ||
+ | var picture2 = document.getElementById(picturename2); | ||
+ | <!-- picture --> | ||
if (picture.filters) | if (picture.filters) | ||
{ | { | ||
Line 109: | Line 85: | ||
} | } | ||
document.getElementById(titleCaption).innerHTML=captionText; | 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> | </script> | ||
Line 116: | Line 104: | ||
<div | <div | ||
style=" | style=" | ||
- | top: | + | top: 0px; |
- | left: | + | left: -5px; |
- | position: | + | position: relative; |
z-index: 1; | z-index: 1; | ||
width : 1000px; | width : 1000px; | ||
visibility: show;"> | visibility: show;"> | ||
- | <img src="https://static.igem.org/mediawiki/2011/thumb/6/6e/Gallery_background.png/800px-Gallery_background.png" width = | + | <img src="https://static.igem.org/mediawiki/2011/thumb/6/6e/Gallery_background.png/800px-Gallery_background.png" width = 1000px height = 500px> |
- | + | ||
+ | <!-- Main Image place holder --> | ||
+ | <div | ||
+ | style=" | ||
+ | top: 200px; | ||
+ | left: 190px; | ||
+ | position: absolute; | ||
+ | z-index: 2; | ||
+ | visibility: show;"> | ||
+ | <img border="1" src="" id="iGEM_Gallery" width="240" height="240"> | ||
+ | </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> | </div> |
Latest revision as of 12:33, 3 August 2011