Foros del Web » Programando para Internet » Javascript »

Imagen de blanco y negro a color.

Estas en el tema de Imagen de blanco y negro a color. en el foro de Javascript en Foros del Web. Buenas, Verás, hace tiempo yo tenía una página web pero tube que cerrarla y tal, y formatee y perdí todo el código. La duda que ...
  #1 (permalink)  
Antiguo 03/03/2011, 21:08
 
Fecha de Ingreso: marzo-2011
Mensajes: 5
Antigüedad: 13 años, 8 meses
Puntos: 0
Imagen de blanco y negro a color.

Buenas,

Verás, hace tiempo yo tenía una página web pero tube que cerrarla y tal, y formatee y perdí todo el código.

La duda que tengo ahora mismo, que necesitaría saber como era el código para hacer que de una imagen que aparezca en blanco y negro, al poner el raton sobre ella, se transforme en la misma fotografía pero con color.

La cuestion es que no es un simple :hover, quiero decir, quiero que pase un segundo entre la imagen en blanco y negro y la de color, que se vea como va cambiando de blanco y negro a color, este seria el ejemplo más o menos:



Un saludo a todos y gracias!
  #2 (permalink)  
Antiguo 12/03/2011, 14:33
 
Fecha de Ingreso: marzo-2011
Mensajes: 5
Antigüedad: 13 años, 8 meses
Puntos: 0
Respuesta: Imagen de blanco y negro a color.

Alguien sabe algo?
  #3 (permalink)  
Antiguo 12/03/2011, 14:50
Avatar de Panino5001
Me alejo de Omelas
 
Fecha de Ingreso: mayo-2004
Ubicación: -34.637167,-58.462984
Mensajes: 5.148
Antigüedad: 20 años, 5 meses
Puntos: 834
Respuesta: Imagen de blanco y negro a color.

1-Ponés la imagen en blanco y negro sobre la imagen color con css (position absolute y z-index).
2-Creás un temporizador (setInterval/setTimeout) que cada x intervalo de tiempo disminuya la propiedad css opacity de la imagen con z-index más alto hasta que quede invisible y sólo se vea la imagen en color.

Y colorín colorado, el cuento se ha acabado.
  #4 (permalink)  
Antiguo 12/03/2011, 16:19
 
Fecha de Ingreso: marzo-2011
Mensajes: 5
Antigüedad: 13 años, 8 meses
Puntos: 0
Respuesta: Imagen de blanco y negro a color.

Cita:
Iniciado por Panino5001 Ver Mensaje
1-Ponés la imagen en blanco y negro sobre la imagen color con css (position absolute y z-index).
2-Creás un temporizador (setInterval/setTimeout) que cada x intervalo de tiempo disminuya la propiedad css opacity de la imagen con z-index más alto hasta que quede invisible y sólo se vea la imagen en color.

Y colorín colorado, el cuento se ha acabado.
Cuando llegue a casa lo pruebo, pero se me ha olvidado la mitad de cosas de javascript
  #5 (permalink)  
Antiguo 14/03/2011, 09:36
Avatar de Panino5001
Me alejo de Omelas
 
Fecha de Ingreso: mayo-2004
Ubicación: -34.637167,-58.462984
Mensajes: 5.148
Antigüedad: 20 años, 5 meses
Puntos: 834
Respuesta: Imagen de blanco y negro a color.

Un ejemplo:
http://www.disegnocentell.com.ar/eje...ayo/rollgs.php
(mirá el código fuente)
  #6 (permalink)  
Antiguo 21/03/2011, 14:51
 
Fecha de Ingreso: marzo-2011
Mensajes: 5
Antigüedad: 13 años, 8 meses
Puntos: 0
Respuesta: Imagen de blanco y negro a color.

Cita:
Iniciado por bartuncete Ver Mensaje
Cuando llegue a casa lo pruebo, pero se me ha olvidado la mitad de cosas de javascript
Lo dicho, se me ha olvidado todo





Cita:
Iniciado por Panino5001 Ver Mensaje
Un ejemplo:
[url]http://www.disegnocentell.com.ar/ejemplos/papagayo/rollgs.php[/url]
(mirá el código fuente)
Pero parece que va con retardo, osea pon el raton encima de la foto y sacalo muy rapido muchas veces, empieza a hacer locuras.
  #7 (permalink)  
Antiguo 21/03/2011, 19:30
Avatar de maycolalvarez
Colaborador
 
Fecha de Ingreso: julio-2008
Ubicación: Caracas
Mensajes: 12.120
Antigüedad: 16 años, 3 meses
Puntos: 1532
Respuesta: Imagen de blanco y negro a color.

Cita:
Iniciado por bartuncete Ver Mensaje
Lo dicho, se me ha olvidado todo

Pero parece que va con retardo, osea pon el raton encima de la foto y sacalo muy rapido muchas veces, empieza a hacer locuras.
se debe a que no se controla la cantidad de tiemout's, pero simplemente se crea una variable global para comprobar si el tiemout ya se ha activado y listo
__________________
¡Por favor!: usa el highlight para mostrar código
El que busca, encuentra...
  #8 (permalink)  
Antiguo 25/03/2011, 09:55
 
Fecha de Ingreso: marzo-2011
Mensajes: 5
Antigüedad: 13 años, 8 meses
Puntos: 0
Respuesta: Imagen de blanco y negro a color.

Cita:
Iniciado por maycolalvarez Ver Mensaje
se debe a que no se controla la cantidad de tiemout's, pero simplemente se crea una variable global para comprobar si el tiemout ya se ha activado y listo
No se ni lo que es ni como se hace, mejor tiro la toalla y ya esta que tampoco quiero que me lo hagan todo hecho, es muy feo xd
  #9 (permalink)  
Antiguo 25/03/2011, 22:21
Avatar de maycolalvarez
Colaborador
 
Fecha de Ingreso: julio-2008
Ubicación: Caracas
Mensajes: 12.120
Antigüedad: 16 años, 3 meses
Puntos: 1532
Respuesta: Imagen de blanco y negro a color.

Cita:
Iniciado por bartuncete Ver Mensaje
No se ni lo que es ni como se hace, mejor tiro la toalla y ya esta que tampoco quiero que me lo hagan todo hecho, es muy feo xd
pues, con esa actitud no vas a llegar muy lejos, si no sabes: investiga, todos, absolutamente TODOS pasamos por lo mismo.....
__________________
¡Por favor!: usa el highlight para mostrar código
El que busca, encuentra...

Etiquetas: blanco, color, encima, foto, negro, raton, transicion
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 01:00.