JQuery Hover Image Fade Swap

Ich habe eine Weile online gesucht und versucht, den besten Weg zu finden, um ein JQuery-Skript zu schreiben, das diese einfache Aufgabe erfüllt: Ein Bild beim Schweben mit einem eleganten Überblendungseffekt austauschen. Ich habe viele Lösungen gefunden (etwas umständlich und klobig) und sie auf das eingegrenzt, was ich als die zwei besten betrachte:

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

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

Für meine Zwecke möchte ich in der Lage sein, diesen Hover-Swap mehrfach auf einer Seite durchzuführen. Die Seite isthttp://www.vitaminjdesign.com. Ich habe derzeit Schwebeflüge auf meinem "Services Nav" (andere Art von Schwebeflug), möchte sie jedoch auf alle Nav-Schaltflächen sowie auf die sozialen Symbole in der Fußzeile anwenden. Alle Schwebeflüge sind die gleichen - zwei Bilddateien, die beim Schwebeflug eingeblendet werden und beim Verlassen wieder angezeigt werden. Was ist der beste Weg, um dies zu erreichen? Einer der obigen Links vielleicht?

Antworten auf die Frage(5)

Ihre Antwort auf die Frage