Team:KAIST-Korea/Team/Photos/Test1

From 2011.igem.org

(Difference between revisions)
 
(18 intermediate revisions not shown)
Line 8: Line 8:
NumberOfImages = 2;
NumberOfImages = 2;
-
Images = new Array(NumberOfImages);
+
ImagesLayers = new Array(NumberOfImages);
-
Images[0] = "https://static.igem.org/mediawiki/igem.org/thumb/8/87/Desert.jpg/800px-Desert.jpg";
+
ImagesLayers[0] = "https://static.igem.org/mediawiki/igem.org/thumb/8/87/Desert.jpg/800px-Desert.jpg";
-
Images[1] = "https://static.igem.org/mediawiki/igem.org/thumb/a/a4/Hydrangeas.jpg/800px-Hydrangeas.jpg";
+
ImagesLayers[1] = "https://static.igem.org/mediawiki/igem.org/thumb/a/a4/Hydrangeas.jpg/800px-Hydrangeas.jpg";
-
 
+
function ImageChange_Up(){
function ImageChange_Up(){
-
         Images.push(Images.shift());
+
         ImagesLayers.push(ImagesLayers.shift());
-
         document.myImages1.src=Images[0];
+
         document.myImages1.src=ImagesLayers[0];
-
         document.myImages2.src=Images[1];
+
         document.myImages2.src=ImagesLayers[1];
}
}
function ImageChange_Down(){
function ImageChange_Down(){
-
         Images.unshift(Images.pop());
+
         ImagesLayers.unshift(ImagesLayers.pop());
-
         document.myImages1.src=Images[0];
+
         document.myImages1.src=ImagesLayers[0];
-
         document.myImages2.src=Images[1];  
+
         document.myImages2.src=ImagesLayers[1];  
}
}
-
</script>
+
function ImageMag(name, number){
-
 
+
        var Image = document.getElementById(name);
-
<!--
+
       
-
function ImageMag(number){
+
         if (Image.filters)
-
         if(number==0)
+
         {
         {
-
            document.Images[0].width=730px;
+
        Image.style.filter="blendTrans(duration=1)";
-
            document.Images[0].height=580px;
+
        Image.filters.blendTrans.Apply();
-
            document.Images[0].style.left=230px;
+
-
            document.Images[0].style.top=-680px;
+
         }
         }
-
         else
+
         Image.src=ImagesLayers[number];
 +
       
 +
        if (Image.filters)
         {
         {
-
            document.Images[1].width=730px;
+
        Image.filters.blendTrans.Play();
-
            document.Images[1].height=580px;
+
         }      
-
            document.Images[1].style.left=230px;
+
}      
-
            document.Images[1].style.top=-680px;
+
       
-
         }
+
</script>
-
}
+
-
//-->
+
Line 81: Line 78:
<tr >
<tr >
<td >
<td >
-
 
+
<a href="javascript:ImageMag('WindowImage', 0);">
<img src="https://static.igem.org/mediawiki/igem.org/thumb/8/87/Desert.jpg/800px-Desert.jpg" name="myImages1" style="padding:10px;" width=160; height=140; />
<img src="https://static.igem.org/mediawiki/igem.org/thumb/8/87/Desert.jpg/800px-Desert.jpg" name="myImages1" style="padding:10px;" width=160; height=140; />
-
 
+
</a>
</td>
</td>
</tr>
</tr>
<tr >
<tr >
<td >
<td >
-
 
+
<a href="javascript:ImageMag('WindowImage', 1);">
<img src="https://static.igem.org/mediawiki/igem.org/thumb/a/a4/Hydrangeas.jpg/800px-Hydrangeas.jpg" name="myImages2" style="padding:10px;" width=160; height=140/>
<img src="https://static.igem.org/mediawiki/igem.org/thumb/a/a4/Hydrangeas.jpg/800px-Hydrangeas.jpg" name="myImages2" style="padding:10px;" width=160; height=140/>
-
 
+
</a>
</td>
</td>
</tr>
</tr>
Line 104: Line 101:
<tr >
<tr >
<td >
<td >
 +
<img src="https://static.igem.org/mediawiki/igem.org/thumb/8/87/Desert.jpg/800px-Desert.jpg" style="padding:10px;" id="WindowImage" width=720; height=580;>
</td>
</td>
</tr>
</tr>

Latest revision as of 13:31, 20 July 2011

Menu
Menu Menu