【问题标题】:How synchronize more gif pictures?如何同步更多的gif图片?
【发布时间】:2012-09-12 23:36:39
【问题描述】:

有什么办法,如何同步gif动画?问题是如果它们有相同的时间,但在不同的时间加载,它会看起来很奇怪。我不知道,例如通过一些 javascript“刷新”或重新加载或其他什么...

【问题讨论】:

    标签: javascript html


    【解决方案1】:

    GIF 动画不可编写脚本。最好的办法是通过 JavaScript 加载它们,然后将它们都插入到 DOM 中它们加载之后。

    类似这样的:

    var img = new Image();
    var imgCount = 0;
    img.onload = loadCount;
    img.src="....."
    
    var img2 = new Image();
    img2.onload = loadCount;
    img2.src="....."
    
    function loadCount() {
        imgCount++;
        if(imgCount==2) {
           //insert IMG tags into DOM
        }  
    }
    

    【讨论】:

    • 应该注意的是,如果 Chrome 有display: none,至少它不会播放 gif。如果 gif 在视口之外(由于滚动等),我相信某些浏览器(不再确定哪个浏览器)的行为相同。这个加载技巧确实是最好的,但并不完全可靠。
    猜你喜欢
    • 2021-10-17
    • 2018-08-01
    • 2014-01-19
    • 2012-12-05
    • 2016-05-07
    • 2016-03-12
    • 2013-07-26
    • 2017-06-17
    • 2013-03-11
    相关资源
    最近更新 更多