Greasemonkey脚本的Javascript优化？

我正在尝试在GreaseMonkey（Mozilla Firefox）上使用此JavaScript更改网站的图像：

但这不是一个好主意，因为我无法更改甚至还没有加载的图像

我尝试使用JQuery方法优化代码，但失败了。我无法找到任何方法来避免图像替换产生的闪烁。有什么我能做的吗

这是HTML代码：

<div class="smallplanet" id="planet-34020483">
<a href="http://s127-es.ogame.gameforge.com/game/index.php?page=overview&amp;cp=34020483" title="" class="planetlink  tooltipRight js_hideTipOnMobile">
<img class="planetPic js_replace2x" src="http://gf1.geo.gfsrv.net/cdnf0/af41c52dc08208b4463f4a4608e88c.png" height="30" width="30">
<span class="planet-name  ">XXXX</span>
<span class="planet-koords  ">[X:XXX:X]</span>
</a>
</div>

---

您可以尝试隐藏旧图像，更改属性并再次显示。类似这样的内容（需要进行测试）：

---

好的，所以我将脚本简化为一行代码：

document.getElementById（'planet-34020483'）。getElementsByTagName（'img'）[0]。src='10〕http://gf1.geo.gfsrv.net/cdnf2/32926d2ee2884eab5015c14c73afa3.png';但我仍然看到闪烁的。。。是否无法在图像显示之前更改其src？如果GreaseMonkey支持添加CSS样式，则可以设置img{display:none}

，并在更改后使其再次可见。

// @run-at document-start

<div class="smallplanet" id="planet-34020483">
<a href="http://s127-es.ogame.gameforge.com/game/index.php?page=overview&amp;cp=34020483" title="" class="planetlink  tooltipRight js_hideTipOnMobile">
<img class="planetPic js_replace2x" src="http://gf1.geo.gfsrv.net/cdnf0/af41c52dc08208b4463f4a4608e88c.png" height="30" width="30">
<span class="planet-name  ">XXXX</span>
<span class="planet-koords  ">[X:XXX:X]</span>
</a>
</div>

var tags = document.getElementsByTagName('img');
tags[0].hide()
tags[0].attr('src', 'http://gf1.geo.gfsrv.net/cdnf2/32926d2ee2884eab5015c14c73afa3.png')
tags[0].show()