efecto de cotina con capas y javascript

fenix0224 · #1 (**permalink**) 07/03/2009, 16:38

hola encontre un tutorial para hacer un efecto de cortina al abrirse una capa
tengo el siguiente codigo

Código:

<head>
<script type='text/javascript' src='cross-browser.com/x/x_core.js'></script> 
<script type='text/javascript'>
clip_top = 0
clip_right = 280
clip_bottom = 0
clip_left = 0

maximo_clip_bottom = 90

function cortina(){
	clip_bottom += 1
	clip_bottom = clip_bottom % maximo_clip_bottom
	xClip ("c1", clip_top, clip_right, clip_bottom, clip_left)
	setTimeout("cortina()",25)
}

window.onload = cortina

</script>
</head>
<div id="c1" style="position:absolute; left:50px; 
top:80px; visibility:visible; clip: rect(0,280,0,0); background-color:e0e0e0"> 
<table border="1">
  <tr>
    <td><img src="thumb/00.JPG" alt="1" /></td>
    <td><img src="thumb/01.JPG" alt="1" /></td>
    <td><img src="thumb/02.JPG" alt="1" /></td>
  </tr>
  <tr>
    <td><img src="thumb/03.JPG" alt="1" /></td>
    <td><img src="thumb/04.JPG" alt="1" /></td>
    <td><img src="thumb/05.JPG" alt="1" /></td>
  </tr>
  <tr>
    <td><img src="thumb/06.JPG" alt="1" /></td>
    <td><img src="thumb/07.JPG" alt="1" /></td>
    <td><img src="thumb/08.JPG" alt="1" /></td>
  </tr>
</table>
</div>

y osea el tamaññpo de mi tabala es 520x350 y no lo muetra completo mi pregunta es que debo modificar para que se muestre toda mi capa ya probe con el left y el top de la capa y nada tb probe con los parametros del clip
aya y tb quisiera que me digan
como hago que no sea un bucle sino que solo se haga el efecto de apertura de cortina una ves el url de la pagina de donde saque el codigo es http://www.desarrolloweb.com/articulos/1789.php

sweetlydark · #2 (**permalink**) 08/03/2009, 08:58

Si colocas el setTimeout dentro de un variable puedes usar clearTimeout(variable); para pararlo. Solo añade un if para cuando llegue al máximo estatura corra clearTimeout(variable);

Para los tamaños tienes que cambiar los variables clip del función clip_right = 280 para anchura y maximo_clip_bottom = 90 para altura.

fenix0224 · #3 (**permalink**) 08/03/2009, 14:02

muchas gracias sweetlydark ya modifique a mi gusto lo que necesitaba