Question

在 this page with an animated GIF 中，如果将鼠标放在包含数字的项目符号上，则图像会发生变化;这在所有最近的浏览器中都能正常工作，除了Firefox（46,47），有时替换动画的GIF块，很快就会停止。

这是与img相关联的简单初始GIF map。在此地图中，一些area（数字）在鼠标悬停时对JavaScript做出反应，并在图像的src属性中切换URL。这些替换图像是其他动画GIF。在这里你可以看到html的摘录：

<img src="/images/visites-dechets/uiom-kva/uiom-kva.gif" id="img_usine" alt="UIOM" width="1000" height="600" usemap="#uiom-kva" style="height: auto; max-width: 100%;" />
<map id="uiom-kva" name="uiom-kva"> 
<area shape="circle" alt="" coords="101,484,22" href="#" id="btn-anim-1" class="remplacer" />
...
<area shape="circle" alt="" coords="412,221,22" href="#" id="btn-anim-9" class="remplacer" />

</map>

JavaScript非常简单，以下是它的外观：

...
jQuery(".remplacer").mouseover( function ()
{   
    ...
    jQuery("#img_usine").attr("src", newurl);
    ...
}
...

这似乎是一个Firefox错误。你知道是否存在变通方法吗？

在Firefox中的某些帧之后，动画GIF会很快停止

0 个答案: