Bild Swap-Technik - verblassen statt

Question

ich diesen Code verwenden unten auf dem Bild auf schweben zu tauschen:

$(function() { 
    $("#compost").hover(function() { 
     origImage=$(this).attr("src"); 
     $(this).attr("src", "images/order-compost-over.gif") 
    },function() { 
     $(this).attr("src", origImage) 
    }); 
}); 

Ia m versuchen fadeIn anstelle einem Swap zu verwenden. Ich habe versucht, es zu arbeiten, aber kein Glück. Ich habe versucht, das Img-Tag FadeIn, aber es hat nicht funktioniert.

Answer 1

Auschecken ImageSwitch. Alles was du willst und ein bisschen mehr.

Answer 2

Wenn Sie versuchen, die beiden Bilder zu "fusionieren", werden Sie nicht mit Standardtechniken arbeiten können.

Stattdessen sollten Sie:

• ein neues Objekt IMG erstellen
• Position, die absolut über das vorherige Bild
• das neue Image der src des alten Set und stellten Sie die Deckkraft auf 1.es
• Stellen Sie die src alten Bild auf die neue URL und setzen Sie die Deckkraft auf 0
• beide nun gleichzeitig animieren Werte oposite
• Schließlich werden Sie das neue Bild los.

Dies ist eine schwierige Sache, sollte in Ordnung, aber arbeiten :)