Eu tenho procurado on-line por algum tempo, tentando encontrar a melhor maneira de escrever um script de jquery que faz esta tarefa simples: trocar uma imagem em foco com um elegante efeito de desvanecimento. Eu encontrei muitas soluções (alguma maneira de complicar e desajeitado), e reduzi-lo ao que eu vejo como os dois melhores:

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

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

Para os meus propósitos, eu quero ser capaz de fazer essa troca de foco várias vezes em uma página. A página éhttp://www.vitaminjdesign.com. Atualmente tenho paira no meu "serviços nav" (tipo diferente de hover), mas eu quero aplicá-los a todos os botões de navegação, bem como os ícones sociais no rodapé. Todos os hover serão os mesmos - dois arquivos de imagem, um desvanecendo-se no outro em foco, e retornando de licença. Qual é a melhor maneira possível de fazer isso? Um dos links acima, talvez?