永久设置新的图像源答案

【问题标题】：set new image source permanently永久设置新的图像源
【发布时间】：2013-05-07 04:43:37
【问题描述】：

我正在尝试随机替换网格中的图像。每次触发该功能时，新图像都会短暂闪烁（在 Chrome 中），但随后旧图像会重新出现。我知道为什么我会遇到这个问题有一个非常简单的解释，但当然，我无法弄清楚。任何帮助都将不胜感激。

有问题的网站是http://www.apocwords.net/systems/randomdungeon.html。如果您点击 Randomize Me!，顶部、左侧、右侧和底部的块应切换为新的随机选择的图像。

function createMe() { 
document.getElementById("left2").src = xLefts[Math.floor(Math.random()* xLefts.length)];
document.getElementById("left3").src = xLefts[Math.floor(Math.random()* xLefts.length)];
document.getElementById("left4").src = xLefts[Math.floor(Math.random()* xLefts.length)];
}

The HTML:
<img src="/images/templates/template_left_05.jpg" width="100" height="200" id="left2" class="template"/>
<img src="/images/templates/template_left_01.jpg" width="100" height="200" id="left3" class="template"/>
<img src="/images/templates/template_left_02.jpg" width="100" height="200" id="left4" class="template"/>

我确信有上百万种方法可以让我做得更好、更快、更高效。但是，我现在不在乎这些。我只是想知道为什么我正在尝试做的事情不起作用。提前致谢！

【问题讨论】：

标签： javascript image replace src

【解决方案1】：

您的问题是您的链接中有一个“href”属性。当您单击它时，您对同一页面发出新请求。您可以：

删除它并在链接上使用this css property，以制作“手”指针。
使用this jQuery method

【讨论】：

【解决方案2】：

将随机链接更改为...

<a href="javascript:createMe(); return false;">Randomize Me!</a>

【讨论】：