Autor Zpráva
exoslav
Profil
Čau, prosím o radu s tímhle kódem. Jde mi o to, aby se vytvořil hover efekt v položkách menu. Jsou tam dva obrázky, ten jeden by se měl po najetí myši pozvolna zviditelnit a po odjetí myši zase pozvolna zmizet. Kde mám chybu? :) Díky za každou radu :)
Zdroj: http://kadernictvi-anita.cz/

    $('ul li a img:nth-child(2)').mouseover(function() { /* funkce, po najetí na 2 obrázek v menu (ten, co není skrytý) */
        var $img = $(this); /* uložení obrázku do objektu jQuery */
        var $imgClass = $img.attr('class'); /*získání názvu třídy obrázku */
        if ($('ul li a img[class^=' + $imgClass + ']').hasClass($imgClass + '_hover')) { /* ověření, zda druhý (skrytý) obrázek má stejnou třídu, jako viditelný obrázek. Pokud ano, ověří se, zda tato třída obsahuje také slovo _hover */
            $('ul li a img.' + $imgClass + '_hover').fadeIn(); /* a poté se obrzek, s tou samou třídou, jako má obrázek, na který jsme najeli myší (+ má navíc _hover), zviditelní */
        };
    })
    $('ul li a img:nth-child(2)').mouseleave(function() {
        var $img = $(this);
        var $imgClass = $img.attr('class');
        if ($('ul li a img[class^=' + $imgClass + ']').hasClass($imgClass + '_hover')) {
            $('ul li a img.' + $imgClass + '_hover').fadeOut();
        };
    })
exoslav
Profil
Vyřešeno, jsem blbej:

    $('ul li a img:nth-child(2)').mouseover(function() { /* funkce, po najetí na 2 obrázek v menu (ten, co není skrytý) */
        var $img = $(this); /* uložení obrázku do objektu jQuery */
        var $imgClass = $img.attr('class'); /*získání názvu třídy obrázku */
        if ($('ul li a img[class^=' + $imgClass + ']').hasClass($imgClass + '_hover')) { /* ověření, zda druhý (skrytý) obrázek má stejnou třídu, jako viditelný obrázek. Pokud ano, ověří se, zda tato třída obsahuje také slovo _hover */
            $('ul li a img.' + $imgClass + '_hover').fadeIn(); /* a poté se obrzek, s tou samou třídou, jako má obrázek, na který jsme najeli myší (+ má navíc _hover), zviditelní */
        };
    });
    $('ul li a img:nth-child(1)').mouseleave(function() {
        var $img = $(this).fadeOut();
    })

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: