|
|
Line 356: |
Line 356: |
| </div> <!-- #contentContainer --> | | </div> <!-- #contentContainer --> |
| </body> | | </body> |
| + | |
| + | <script> |
| + | function mostrar() { |
| + | document.getElementById("target").style.display = "block"; |
| + | document.getElementById("overlay").style.display = "block"; |
| + | } |
| + | function ocultar() { |
| + | document.getElementById("target").style.display = "none"; |
| + | document.getElementById("overlay").style.display = "none"; |
| + | } |
| + | </script> |
| + | |
| + | <style> |
| + | #target { |
| + | display: none; |
| + | position: absolute; |
| + | width: 200px; |
| + | height: 200px; |
| + | top: 50%; |
| + | left: 50%; |
| + | margin-top: -100px; |
| + | margin-left: -100px; |
| + | z-index: 1001; |
| + | } |
| + | |
| + | #overlay { |
| + | position: fixed; |
| + | height: 100%; |
| + | width: 100%; |
| + | top: 0; |
| + | left: 0; |
| + | } |
| + | </style> |
| + | |
| + | |
| + | <body> |
| + | <input type="button" value="pulsa aqui" onClick="mostrar()" /> |
| + | <img src="images/header.jpg" id="target" onClick="ocultar()" /> |
| + | <div id="overlay" onClick="ocultar()"></div> |
| + | </body> |
| | | |
| </html> | | </html> |