我有一个动画GIF,它只能播放一次(不循环播放)。我希望在单击时使其具有动画效果。
我尝试过这样的事情:

 $('#plus').click(function(){
    $('#plus').attr('src','');
    $('#plus').attr('src','img/plus.gif')
 });

希望快速重置src可以触发动画,但是没有运气。有人知道会怎么做吗?

最佳答案

尝试添加带有随机生成的查询字符串的图像,以使它看起来像浏览器中的新图像。

<script language="javascript" type="text/javascript">
function randomString() {
    var chars = "0123456789ABCDEFGHIJKLMNOPQRSTUVWXTZabcdefghiklmnopqrstuvwxyz";
    var string_length = 8;
    var randomstring = '';
    for (var i=0; i<string_length; i++) {
        var rnum = Math.floor(Math.random() * chars.length);
        randomstring += chars.substring(rnum,rnum+1);
    }
    document.randform.randomfield.value = randomstring;
}
$('#plus').click(function(){
    $('#plus').attr('src','img/plus.gif?x=' + randomString())
    });
</script>

关于javascript - 如何使用JS触发GIF动画?,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/3989115/

10-13 00:19