Question

主要是我的客户为了他们的标志而使用瑞士法郎，这显示不用说。我为客户的动画徽标制作了一个单循环gif。我想让它每页加载一次。它目前曾播放过一次（如果有的话）

网页位于.net服务器上，因此我无法实现php代码。

我尝试了一个javascript cachebuster：

    <img id="gif_animata" src="images/fca-1.gif" width="550" height="50">
    <script type="text/javascript">
    var gifSource = $('#gif_animata').attr('src'); //get the source in the var
    $('#gif_animata').attr('src', ""); //erase the source     
    $('#gif_animata').attr('src', gifSource+"?"+new Date().getTime()); //add the date to the source of the image... :-) 
    </script>

...我会对所提出的问题发表评论，但我无法发表评论

无论如何，它对我没有任何作用。当我加载页面时，图像名称仍然显示为“fca-1.gif”没有更改名称，我可以在检查源时看到javascript

Answer 1

只需尝试此代码

    setTimeout(function() {
        setInterval(function() {
            $('#gif_animata').attr('src',$('#gif_animata').attr('src'))
        },1)
    }, 2000)

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<img id="gif_animata" src="http://www.lmpenterprises.co.uk/ekmps/shops/pearl/resources/image/animated-gif-2-f.gif" />

此代码在2秒后设置源每1毫秒，因此它始终是第一帧

如何在firefox / chrome上播放单循环gif

1 个答案: