Foros del Web » Programando para Internet » Javascript » Frameworks JS »

Fade in/Fade out

Estas en el tema de Fade in/Fade out en el foro de Frameworks JS en Foros del Web. Tengo un problema con esta propiedad. Tengo un hover que con una imagen al pasar el mouse cambia a otra desvanevciendose con la propiedad fade, ...
  #1 (permalink)  
Antiguo 11/12/2011, 10:33
Avatar de hackcrack  
Fecha de Ingreso: abril-2011
Mensajes: 331
Antigüedad: 13 años, 8 meses
Puntos: 9
Fade in/Fade out

Tengo un problema con esta propiedad. Tengo un hover que con una imagen al pasar el mouse cambia a otra desvanevciendose con la propiedad fade, la cosa es que si corro el mouse antes que termine la transicion de una imagen a otra, cuando vuelvo a pasar el mouse ya no funciona el efecto, directamente no tiene hover.
__________________
Los mejores juegos de PC gratis en ******
  #2 (permalink)  
Antiguo 11/12/2011, 12:35
Avatar de caricatos
Moderador
 
Fecha de Ingreso: abril-2002
Ubicación: Torremolinos (Málaga)
Mensajes: 19.607
Antigüedad: 22 años, 8 meses
Puntos: 1284
Respuesta: Fade in/Fade out

Hola:

En principio no existe esa propiedad, así que supongo que usas librerías... de todos modos un fade es simplemente un cambio gradual del estilo opacity... si tu librería no te convence puedes intentar hacerlo tu mismo...

Saludos
__________________
Por favor:
No hagan preguntas de temas de foros en mensajes privados... no las respondo
  #3 (permalink)  
Antiguo 11/12/2011, 18:39
Avatar de hackcrack  
Fecha de Ingreso: abril-2011
Mensajes: 331
Antigüedad: 13 años, 8 meses
Puntos: 9
Respuesta: Fade in/Fade out

Si existe!

Para cuando pasas el mouse se acciona el siguiente evento:

Cita:
var $this = $(this);
var fade = $('> .hover', $this);
if (fade.is(':animated')) {
fade.stop().fadeTo(500, 1);
} else {
fade.fadeIn(500);
}
Cuando saco el mouse

Cita:
var $this = $(this);

var fade = $('> .hover', $this);
if (fade.is(':animated')) {
fade.stop().fadeTo(500, 0);
} else {
fade.fadeOut(500);
}

El codigo completo es:

Cita:
$(document).ready(function() {
// find the div.fade elements and hook the hover event
$('.fadeThis').hover(function() {
// on hovering over find the element we want to fade *up*
var fade = $('> .hover', this);

// if the element is currently being animated (to fadeOut)...
if (fade.is(':animated')) {
// ...stop the current animation, and fade it to 1 from current position
fade.stop().fadeTo(500, 1);
} else {
fade.fadeIn(500);
}
}, function () {
var fade = $('> .hover', this);
if (fade.is(':animated')) {
fade.stop().fadeTo(500, 0);
} else {
fade.fadeOut(500);
}
});

}
__________________
Los mejores juegos de PC gratis en ******

Última edición por hackcrack; 16/12/2011 a las 22:19
  #4 (permalink)  
Antiguo 17/12/2011, 10:19
Avatar de hackcrack  
Fecha de Ingreso: abril-2011
Mensajes: 331
Antigüedad: 13 años, 8 meses
Puntos: 9
Respuesta: Fade in/Fade out

Perdon el doble comentario, pero me pueden ayudar que no pude resolver el problema todavia. Si quieren les puedo subir en un host el ejemplo, asi ven el error que da.
__________________
Los mejores juegos de PC gratis en ******
  #5 (permalink)  
Antiguo 17/12/2011, 16:57
Avatar de caricatos
Moderador
 
Fecha de Ingreso: abril-2002
Ubicación: Torremolinos (Málaga)
Mensajes: 19.607
Antigüedad: 22 años, 8 meses
Puntos: 1284
Respuesta: Fade in/Fade out

Hola:

Movemos el tema al foro adecuado, porque tal como comenté anteriormente, no existe la propiedad/atributo fade.

Me abstengo de darte karma negativo porque evidentemente ignoras lo que respondes, pero tendrías que documentarte antes de dar respuestas.

Saludos
__________________
Por favor:
No hagan preguntas de temas de foros en mensajes privados... no las respondo
  #6 (permalink)  
Antiguo 17/12/2011, 18:07
Avatar de hackcrack  
Fecha de Ingreso: abril-2011
Mensajes: 331
Antigüedad: 13 años, 8 meses
Puntos: 9
Respuesta: Fade in/Fade out

Cita:
Iniciado por caricatos Ver Mensaje
Hola:

Movemos el tema al foro adecuado, porque tal como comenté anteriormente, no existe la propiedad/atributo fade.

Me abstengo de darte karma negativo porque evidentemente ignoras lo que respondes, pero tendrías que documentarte antes de dar respuestas.

Saludos
Disculpa, si uso la libreria Jquery..supongo que a eso te referias.
__________________
Los mejores juegos de PC gratis en ******
  #7 (permalink)  
Antiguo 17/12/2011, 18:08
Avatar de hackcrack  
Fecha de Ingreso: abril-2011
Mensajes: 331
Antigüedad: 13 años, 8 meses
Puntos: 9
Respuesta: Fade in/Fade out

-----------------eliminado-----------------
__________________
Los mejores juegos de PC gratis en ******

Etiquetas: jquery
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 09:50.