Autor Zpráva
David1256
Profil
Dobrý den,

mám obrázek a potřeboval bych ho po najetí na něj změnit v druhý obrázek s plynulým přechodem. Mám tento kód, obrázek se změní, ale né plynule. Není tam vůbec žádný fade efekt. Nevíte, co s tím?

<script>
  $('#obr').hover(function() {
    $('#obr').fadeOut(2000, function() {
        $('#obr').attr("src","img/obrHover.png");
        $('#obr').fadeIn(2000);
    });

});
</script>
<img id="obr" src="img/obr.png">

Děkuji.
margin
Profil *
Tak to nejde, musíš to udělat jinak, třeba napozicováním obrázků na sebe a změnou průsvitností.
Jak napozicovat bez pozicování obrázky na sebe se můžeš kouknout na http://teststranek.kvalitne.cz/blend-hover-01/
Koukni i na Pomalé překrývání obrazků.
David1256
Profil
Díky.

Vaše odpověď

Mohlo by se hodit

Neumíte-li správně určit příčinu chyby, vkládejte odkazy na živé ukázky.
Užíváte-li nějakou cizí knihovnu, ukažte odpovídajícím, kde jste ji vzali.

Užitečné odkazy:

Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: