Foros del Web » Creando para Internet » Flash y Actionscript »

Como se hace este efecto

Estas en el tema de Como se hace este efecto en el foro de Flash y Actionscript en Foros del Web. Hola amigos del foro, he visto que en determinadas web, al pasar el mouse sobre una imagen se torna en blanco y negro, y no ...
  #1 (permalink)  
Antiguo 23/05/2008, 00:14
 
Fecha de Ingreso: mayo-2008
Mensajes: 112
Antigüedad: 9 años, 6 meses
Puntos: 1
Información Como se hace este efecto

Hola amigos del foro,
he visto que en determinadas web, al pasar el mouse sobre una imagen se torna en blanco y negro, y no es un rollover ya qe carga inmediatamente

Puede ser un javascript? Como seria?

A ver si saben

Muchas gracias
  #2 (permalink)  
Antiguo 23/05/2008, 04:26
Avatar de Mahalo  
Fecha de Ingreso: julio-2004
Ubicación: Mallorca (Illes Balears)
Mensajes: 1.121
Antigüedad: 13 años, 4 meses
Puntos: 12
Respuesta: Como se hace este efecto

Supongo que te refieres a hacerlo sin tener que cargar imágenes en blanco y negro además de las originales en color. Mira este código que depende de que en el escenario haya un clip de película con nombre de instancia 'foto' que contenga la imagen en color:
Código:
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);
Cambiando los valores de la matriz puedes obtener tonalidades diferentes.
Si quieres hacerlo con javascript, pregunta en el foro de javascript.
Saludos!
__________________
Los ignorantes se empeñan en enseñar. Los sabios en aprender.
SourceForge
  #3 (permalink)  
Antiguo 23/05/2008, 09:14
 
Fecha de Ingreso: mayo-2008
Mensajes: 112
Antigüedad: 9 años, 6 meses
Puntos: 1
Respuesta: Como se hace este efecto

Lo voy a probar. Muchisimas gracias!
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 07:43.