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; | ||
- | + | ImagesLayers = new Array(NumberOfImages); | |
- | + | ImagesLayers[0] = "https://static.igem.org/mediawiki/igem.org/thumb/8/87/Desert.jpg/800px-Desert.jpg"; | |
- | + | ImagesLayers[1] = "https://static.igem.org/mediawiki/igem.org/thumb/a/a4/Hydrangeas.jpg/800px-Hydrangeas.jpg"; | |
- | + | ||
function ImageChange_Up(){ | function ImageChange_Up(){ | ||
- | + | ImagesLayers.push(ImagesLayers.shift()); | |
- | document.myImages1.src= | + | document.myImages1.src=ImagesLayers[0]; |
- | document.myImages2.src= | + | document.myImages2.src=ImagesLayers[1]; |
} | } | ||
function ImageChange_Down(){ | function ImageChange_Down(){ | ||
- | + | ImagesLayers.unshift(ImagesLayers.pop()); | |
- | document.myImages1.src= | + | document.myImages1.src=ImagesLayers[0]; |
- | document.myImages2.src= | + | document.myImages2.src=ImagesLayers[1]; |
} | } | ||
- | + | function ImageMag(name, number){ | |
- | + | var Image = document.getElementById(name); | |
- | + | ||
- | function ImageMag(number){ | + | if (Image.filters) |
- | if( | + | |
{ | { | ||
- | + | Image.style.filter="blendTrans(duration=1)"; | |
- | + | Image.filters.blendTrans.Apply(); | |
- | + | ||
- | + | ||
} | } | ||
- | + | Image.src=ImagesLayers[number]; | |
+ | |||
+ | if (Image.filters) | ||
{ | { | ||
- | + | Image.filters.blendTrans.Play(); | |
- | + | } | |
- | + | } | |
- | + | ||
- | } | + | </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