如何在 WordPress 网站上重新启动/重新播放动画 .gif？

如何解决如何在 WordPress 网站上重新启动/重新播放动画 .gif？

我们有一个小的非循环动画 gif 作为 Wordpress 网站上的标题图像。它只打算播放一次 - 并且工作正常，但我们希望它在页面刷新后再次播放。

从调查来看，似乎有两种通常的做法：

1) 使用 javascript - 像这样：

var img = document.createElement("img"),imageUrl = "...   image url here ...";
img.src = imageUrl;
document.body.appendChild(img);

window.restartAnim = function () {
    img.src = "";
    img.src = imageUrl;
}

2) 或者通过更改 url 强制重新加载 - 如下所示：

img.src = "your_image_url.gif"+"?a="+Math.random();

我正在使用“脚本和样式”应用程序添加方法 1 代码，但它似乎不起作用。有没有更好的代码，去哪里重要吗？ （标题或正文） 由于文件小，方法2可以接受，但是在wordpress网站上怎么修改图片的url呢？

---

几天后，我有了更多的发现： A）主要问题是（因为它是 WordPress）我没有直接访问 HTML 和主题中的图像标题没有 ID，只有一个类；（.. 所以必须使用 querySelector 而不是 GetElementByID B）所以我尝试（使用主题定制）选择一个“占位符”图像。 然后（使用页面编辑底部的脚本和样式窗格）我将以下脚本添加到正文的末尾：

/* to re-start the header image animated gif - on refresh */
var img = document.querySelector(".header-img");  
    imageUrl = " - url goes here - .gif";
img.src = imageUrl;
document.body.appendChild(img);

window.restartAnim = function () {
//    img.src = "";    */ not needed ? */
    img.src = imageUrl;
}

但是现在，如果我返回主题>>自定义>>标题图像 - 标题图像（占位符）不显示。我决定在这一点上退出，因为我无法在实时站点上“测试”！