Team:KAIST-Korea/Results/Gallery2

From 2011.igem.org

(Difference between revisions)
 
(44 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>
-
<!--Javascript used to implement the gallery-->
+
<!--Tag Body-->
 +
<div>
 +
<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" />
 +
</a>
 +
<a><img id="tag3" src="https://static.igem.org/mediawiki/2011/4/48/Kaist2011_text_safety.png" />
 +
</a>
 +
</div>
-
<script  type="text/javascript">
+
      <img border="1" onclick="changeBackground(0)" src="http://imgnews.jknews.co.kr/photo/2009/09/24/20090924_12537820151.jpg" width="25" height="25";>
-
// Gallery script.
+
      <img border="1" onclick="changeBackground(1)" src="http://cfs6.tistory.com/image/4/tistory/2008/03/31/03/56/47efe2470b38f" width="25" height="25";>
-
// With image cross fade effect for those browsers that support it.
+
      <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";>
-
// 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>
+
-
<!-- Background Image place holder -->
 
-
<div id ="kaistcontent"
 
-
        style="
 
-
                z-value:100;
 
-
                top:100px;
 
-
                left:0px;
 
-
                height:500px;
 
-
                position:absolute;>
 
-
                <img border="1" src="" id="iGEM_Gallery" width="1000" height="500">
 
-
</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"