He estado buscando en línea durante un tiempo, tratando de encontrar la mejor manera de escribir un script de jQuery que realice esta sencilla tarea: intercambiar una imagen al pasar el mouse por un elegante efecto de fundido. He encontrado muchas soluciones (de alguna manera complicadas y torpes), y las he reducido a lo que veo como las dos mejores:

http://designwoop.com/2009/08/image-hover-effect-using-jquery-tutorial/

http://bavotasan.com/tutorials/creating-a-jquery-mouseover-fade-effect/

Para mis propósitos, quiero poder realizar este intercambio del mouse varias veces en una página. La pagina eshttp://www.vitaminjdesign.com. Actualmente tengo "Hovers" en mi "navegación de servicios" (diferente tipo de "Hover") pero quiero aplicarlos a todos los botones de navegación, así como a los iconos sociales en el pie de página. Todos los elementos emergentes serán los mismos: dos archivos de imagen, uno que se desvanecerá en el otro al pasar el cursor y volverá al permiso. ¿Cuál es la mejor manera posible de hacer esto? Tal vez uno de los enlaces anteriores?