efecto onmouseover para cambiar imagen a blanco y negro.. hola amigos del foro, me pasaron el siguiente efecto para cambiar una imagen a blanco y negro cuando pasamos el mouse por encima.
varias consultas:
1. alguien lo puede probar para ver si funciona
2. como lo puedo incluir sobre la imagen que quiero que haga el efecto
gracias!
function aplicaBlancoNegro(event:MouseEvent) {
var matrix:Array = new Array();
switch (event.type) {
// Se carga la matriz correspondiente.
case "mouseOver":
matrix = matrix.concat([0.5, 0.5, 0.5, 0, 0]);
matrix = matrix.concat([0.5, 0.5, 0.5, 0, 0]);
matrix = matrix.concat([0.5, 0.5, 0.5, 0, 0]);
matrix = matrix.concat([0, 0, 0, 1, 0]);
break;
case "mouseOut":
matrix = matrix.concat([1, 0, 0, 0, 0]);
matrix = matrix.concat([0, 1, 0, 0, 0]);
matrix = matrix.concat([0, 0, 1, 0, 0]);
matrix = matrix.concat([0, 0, 0, 1, 0]);
break;
}
// Se aplica el filtro.
var filter:ColorMatrixFilter = new ColorMatrixFilter(matrix);
var f:Array = new Array();
f.push(filter);
foto.filters = f;
}
foto.addEventListener(MouseEvent.MOUSE_OVER, aplicaBlancoNegro);
foto.addEventListener(MouseEvent.MOUSE_OUT, aplicaBlancoNegro);
