Затухание изображения в другое изображение онлайн урок.


Сделайте div, который является точным размером изображения. Этот div будет иметь фоновое изображение, примененное к нему второго изображения. Затем вставьте внутри него встроенное изображение.

<div id="kitten" style="background-image: url(dog.jpg);">
<img src="/images/kitten.jpg" alt="Kitten" />
</div>

Затухание встроенного изображения внутри и снаружи будет скрывать второе (фоновое) изображение.

$("#kitten").hover(function(){

$(this).find("img").fadeOut();

}, function() {

$(this).find("img").fadeIn();

});