Team:KAIST-Korea/Results/Gallery2

From 2011.igem.org

(Difference between revisions)
 
(67 intermediate revisions not shown)
Line 3: Line 3:
<html>
<html>
<head>
<head>
-
<style type="text/css">
+
<script type="text/javascript">
-
#TagHome{
+
bg = new Array();
-
        position: absolute;
+
bg[0] = "http://unn.campuslife.co.kr/file/Media/News/Gisa/20107/14/image/2010714105315.jpg"
-
        font-family:Bell MT;
+
bg[1] = "http://cfs6.tistory.com/image/4/tistory/2008/03/31/03/56/47efe2470b38f"
-
        font-size:12pt;
+
bg[2] = "http://news.chosun.com/site/data/img_dir/2007/12/14/2007121401109_0.jpg"
-
        left:10px;
+
-
        top:-30px;
+
-
}
+
-
#TagProjects{
+
function changeBackground(jihan)
-
        position: absolute;
+
{
-
        font-family:Bell MT;
+
      document.body.style.backgroundImage="url('http://news.chosun.com/site/data/img_dir/2007/12/14/2007121401109_0.jpg')"}
-
        font-size:12pt;
+
-
        left:70px;
+
-
        top:-30px;
+
-
}
+
-
#TagOverview{
+
</script>
-
        position: absolute;
+
-
        font-family:Bell MT;
+
-
        font-size:12pt;
+
-
        left:200px;
+
-
        top:-30px;
+
-
}
+
-
 
+
-
</style>
+
</head>
</head>
<body>
<body>
-
<br>
+
<!--Tag Body-->
-
<br>
+
<div>
-
<br>
+
<a href="https://2011.igem.org/Team:KAIST-Korea/Human_Practices/Human_Practices"><img id="tag2" src="https://static.igem.org/mediawiki/2011/2/26/Kaist2011_text_humanpractices.png" />
-
<br>
+
</a>
-
<br>
+
<a><img id="tag3" src="https://static.igem.org/mediawiki/2011/4/48/Kaist2011_text_safety.png" />
-
<br>
+
</a>
-
<br>
+
</div>
-
<br>
+
-
<br>
+
-
<br>
+
-
<br>
+
-
<br>
+
-
<br>
+
-
<br>
+
-
<br>
+
-
<br>
+
-
<br>
+
-
<br>
+
-
 
+
      <img border="1" onclick="changeBackground(0)" src="http://imgnews.jknews.co.kr/photo/2009/09/24/20090924_12537820151.jpg" width="25" height="25";>
-
<!-- Start of the javascript used to run the Gallery -->
+
      <img border="1" onclick="changeBackground(1)" src="http://cfs6.tistory.com/image/4/tistory/2008/03/31/03/56/47efe2470b38f" width="25" height="25";>
-
<script  type="text/javascript">
+
      <img border="1" onclick="changeBackground(2)" src="http://news.chosun.com/site/data/img_dir/2007/12/14/2007121401109_0.jpg" width="25" height="25";>
-
// 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>

Latest revision as of 18:27, 12 August 2011

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