Team:KAIST-Korea/Results/Gallery2

From 2011.igem.org

(Difference between revisions)
Line 33: Line 33:
<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
 +
    <!-- 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>

Revision as of 16:57, 11 August 2011

President Suh




President of KAIST


Retrieved from "http://2011.igem.org/Team:KAIST-Korea/Results/Gallery2"