Autor Zpráva
Legáček
Profil
Dobrý den,

chtěl bych se zeptat v čem dělám chybu, že mi Mozilla v nejnovější verzi nebere tento kód.

Jquery
$(document).on('mouseenter', "#box .wrap a", function() {
        var image = $('img', this);
        var number = 1 + Math.floor(Math.random() * 50);
        $(".loader").show();
        $(image).one('load', function() {
            $(".loader").hide();
        }).attr("src", "images/" + $('img', this).data('name') + ".gif?r=" + number);
    }).on('mouseleave', '#box .wrap a', function() {
        $(".loader").hide();
        $('img', this).attr("src", "images/" + $('img', this).data('name') + ".jpg");
    });
HTML
<div id="box">
    <div class="wrap">
        <a href="www">
            <img src="obr.jpg" data-name='obr' />
        </a>
    </div>
</div>
V podstatě jde o to, že nejdřív na stránku načtu pomocí Ajaxu 3 obrázky a ty po najetí chci změnit na gif. Jediné co potřebuji je změnit atribut z .gif na .jpg. A když se stahuje gif ze serveru, tak ukázat "loading" - $(".loader").show();

Problém je v tom, že když najedu na postupně 3 obrázky, tak na poprvé vše jde, ale když najedu zpět na 1., tak ten gif už se nepřehraje (ale stáhne se, to vím pomocí firebugu).

PS: To načítání funguje skvěle, jen v IE trochu blbne. Gif se stáhne ze serveru, ale ještě nějakou chvíli se ukazuje "loading". Taky záhada.

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:

0