Изображение jQuery не работает в Firefox, когда я загружаю файлы на онлайн-сервер

Question

На Firefox он работал нормально на локальной машине, но когда я загружал файлы в сеть, он просто перестал анимироваться и показывать статическое изображение.

Посмотреть здесь

Я использую Javascript:

<script type="text/javascript">
$(document).ready(function() {

$("ul.gallery li").hover(function() { //On hover...

    var thumbOver = $(this).find("img").attr("src"); //Get image url and assign it to 'thumbOver'

    //Set a background image(thumbOver) on the <a> tag - Set position to bottom
    $(this).find("a.thumb").css({'background' : 'url(' + thumbOver + ') no-repeat center bottom'});

    //Animate the image to 0 opacity (fade it out)
    $(this).find("span").stop().fadeTo('normal', 0 , function() {
        $(this).hide() //Hide the image after fade
    });
} , function() { //on hover out...
    //Fade the image to full opacity 
    $(this).find("span").stop().fadeTo('normal', 1).show();
});

});</script>

любая идея, почему это происходит! Решение ??

Answer 1

Исправление: после просмотра вашего сайта выясняется, что ваши изображения расположены не там, где вы смотрите.

Вместо:

../images/gthumb01.png

изменить на:

/images/gthumb01.png

Поскольку ваши изображения находятся в каталоге /New/images/

http://shikeb.izihost.org/New/images/gthumb01.png

Answer 2

На самом деле, это интересно, если убрать рекламный бит в конце страницы:

<div style="text-align: center;">[...]</div>

Тогда все работает нормально.

Вы можете попробовать это вживую в firebug ..

РЕДАКТИРОВАТЬ: на самом деле, если вы просто удалите изображение в объявлении и оставите обертку, она тоже работает ...

Answer 3

После просмотра вашей страницы, я вижу, что изображения пытаются поменяться местами, а затем поменять местами почти сразу. Похоже, у вас есть вторая функция .hover (), вызываемая при смене изображения.