Los métodos wipe son una versión animadas de los métodos clip (como slide es hacía los métodos mover "move").
Si deseas utilizar estas funciones todo lo que tienes que hacer es incluir el fichero dynlayer.js después del fichero dynlayer :
<SCRIPT LANGUAGE="JavaScript" SRC="dynlayer.js"></SCRIPT> <SCRIPT LANGUAGE="JavaScript" SRC="dynlayer-wipe.js"></SCRIPT>
Un cambio en IE 5.0 hace que el recorte sea un pequeño dolor. Recomiendo que antes que hagas algún "wipes", recorta de nuevo la capa utizando la función To()- solamenye utiliza los valores de recorte de las tus iniciales CSS.
objectName.clipTo(t,r,b,l) // use your CSS values // then do your wipe
El Método wipeTo() hará wipe (recorte aumentado) los bordes del DynLayer´s del valor actual para especificar una nuevo valor. Puedes hacer esto para un solo borde, o múltiple bordes a mismo tiempo .
objectName.wipeBy(endt,endr,endb,endl,num,speed,fn)
Para cualquiera de los bordes que no desees que sean recortados, pasa nulo null para su valor.
Ejemplos:
Para wipe el DynLayer´s borde de arriba a 0, derecha a 100, abajo a 100, y izquierda a 0 (haciendo un cuadro 100x100) en 10 pasos, a 30 milliseconds por paso:
mylayer.clipTo(0,100,100,0,10,30)
Para wipe solamente el borde derecho a 100:
mylayer.clipTo(null,100,null,null,10,30)
Otra vez el wipeBy() es lo mismo como el wipeTo() excepto que los bordes son cambiados y asignado un número de pixeles:
objectName.wipeBy(distt,distr,distb,distl,num,speed,fn)
Para cualquiera de los bordes que no desees que sean clipped, pasa 0 para su valor.
Ejemplos:
Wipe todos lo bordes hacia fuera "outward" por 20 pixeles:
mylayer.clipBy(-20,20,20,-20,5,30)
Wipe todos los bordes hacia adentro "inward" por 20 pixeles:
mylayer.clipBy(20,-20,-20,20,5,30)
Wipe el borde derecho hacia afuera por 100 pixeles:
mylayer.clipBy(0,100,0,0,5,30)
Cuando se trabaja con los métodos wipe tienes que tener tu orientación correcta. Recuerda de como los valores de positivo o negativo afectará a cada uno de los bordes.:
| Aumento Positivo | Aumento Negativo | |
| izquierda | sustrae del borde | aumenta mas para el borde |
| derecha | aumenta mas para el borde | sustrae del borde |
| arriba | sustrae del borde | aumenta mas para el borde |
| abajo | aumenta mas para el borde | sustrae del borde |
Ejemplo wipe1.html [fuente] dynlayer-wipe1.html para un ejemplo utilizando diferentes variaciones de los métodos wipe
| Casa | Próxima Lección: Métodos Glide |