"
Team:KAIST-Korea/Team/Photos/Test1
From 2011.igem.org
(Difference between revisions)
| (35 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); | ||
| + | |||
| + | if (Image.filters) | ||
| + | { | ||
| + | Image.style.filter="blendTrans(duration=1)"; | ||
| + | Image.filters.blendTrans.Apply(); | ||
| + | } | ||
| + | Image.src=ImagesLayers[number]; | ||
| + | |||
| + | if (Image.filters) | ||
| + | { | ||
| + | Image.filters.blendTrans.Play(); | ||
| + | } | ||
| + | } | ||
| + | |||
</script> | </script> | ||
| + | |||
<style type="text/css"> | <style type="text/css"> | ||
| Line 49: | Line 66: | ||
</head> | </head> | ||
| - | <body | + | <body> |
| - | <div id="img | + | <div id="img"> |
<img src="https://static.igem.org/mediawiki/2011/d/d5/Photomenu-kaist.png" width=200; height=600; /> | <img src="https://static.igem.org/mediawiki/2011/d/d5/Photomenu-kaist.png" width=200; height=600; /> | ||
| Line 61: | 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 76: | Line 97: | ||
</div> | </div> | ||
| - | <table style="position:relative; left: | + | |
| + | <table style="position:relative; left:230px; top:-600px;" width=740; height=600;> | ||
<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> | ||
| + | </table> | ||
| + | |||
</body> | </body> | ||
</html> | </html> | ||
Latest revision as of 13:31, 20 July 2011
|
|
|
|
