Los métodos wipe son una versión animadas de los métodos clip (como slide es hacía los métodos mover "move").
He incluido los métodos wipe como un fichero de agregar "add-on" JavaScript, dynlayer-wipe.js. Para incluir esto y el fichero dynlayer.js necesitarás de tener dos SCRIPT tags:
<SCRIPT LANGUAGE="JavaScript" SRC="dynlayer.js"></SCRIPT> <SCRIPT LANGUAGE="JavaScript" SRC="dynlayer-wipe.js"></SCRIPT>
Los métodos wipe son iniciados con el método central llamado wipeInit() (justamente como slideInit() funciona). Este método no esta hecho adentro de DynLayer por insuficiencia, pero puedes individualmente asignar el método a cualquiera de las DynLayer que hayas creado.:
objectName = new DynLayer("objectNameDiv") objectName.wipeInit = DynLayerWipeInit
Desde entonces los métodos wipe hacen un fuerte uso de los métodos clip, he hecho que los métodos wipe que automáticamente inicializen los métodos clip (si inicias wipe, no tienes que iniciar clip) De esa manera la función wipeInit() tiene los mismos parámetros como clipInit().
Para una capa clipped a los valores de normal (default):
objectName.wipeInit()
Para una capa recortada arbitrariamente:
objectName.wipeInit(clipTop,clipRight,clipBottom,clipLeft)
El método wipeInit() automáticamente iniciará los 3 siguientes métodos clip (clipValor() " clipValues()", clipPara "clipTo" y clipPor "clipBy") , como también 2 métodos intérnales para hacer wipping la capa.
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)
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 |
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)
Ver wipe1.html [fuente] - variaciones de los metodos wipe.
Casa | Próxima Lección: Objetos Geométricos |