Image Sharing Technique - Instead

Question

I use this code below to replace the image on hover:

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

I am trying to use fadeIn instead of swap. I tried to work, but no luck. I tried using img tag fadeIn but it did not work.

Answer 1

Check out ImageSwitch . Does everything you need, and a little more.

Answer 2

If you try to “merge” two images, you will not be able to use standard methods.

Instead, you should:

• Create a new IMG object
• A position that is absolutely compared to the previous image
• Set the new src image to the old one and set its opacity to 1.
• src URL- 0.
• ,
• , .

, :)