showOnHover, para animar y mostrar imágenes encimadas

DESCARGA : showOnHover

showOnHover, para animar y mostrar imágenes encimadas, una de las cualidades que podrían tener una fotografía es que contenga una segunda foto pero en diferente ángulo de visión, bueno puestas necesidades pueden cubrir con un plugin muy bueno creado por: Masquerade Circus que maneja efectos a la hora de mostrar otra imagen cuando el ratón del mouse se pasa entre una imagen .

Demo:http://masquerade-circus.creaken.com/Plugins/showOnHover/

Nada complicado de implementar ya que las referencias que se hacen a la etiqueta html es sobre el identificador, generando algunas opciones de inicio

$(selector).showOnHover(options); 

$('elem').showOnHover({ 
 fx: 'fade', 
 easingIn: 'swing', 
 easingOut: 'swing', 
 durationIn: 400, 
 durationOut: 400, 
 enter: function, 
 complete: function, 
 out: function, 
 end: function 
});


Entre los efectos que se manejan podemos encontrarnos con:

t=top

b=bottom

l=left

r=right

fade=fade

hide=hide

 

Es objetivo comentarte que puedes mezclar los efectos como  por ejemplo: t,tr,rt, etc…, para obtener mucho más presentación en la imagen que se encima o aparece, también es de vital importancia que sepas que este plugin maneja callbacks para funciones adicionales, esto significa que cuando la imagen que tiene el efecto aparece puede destaparse una funcionalidad adicional, esta funcionalidad podrías usar por ejemplo para mostrar información posterior a hover efectuado.

En la documentación puedes encontrarte las funciones como:

enter: function,
complete: function,
out: function,
end: function

 

You may also like...