Javascript 交换 2 个图像

Question

我正忙于一个项目，但知道我在某些时候陷入困境。我想做的是，当有人按下主页按钮时，它会改变颜色。我想要做的是从图像 1(白色)交换到图像 2(蓝色)。这样人们就可以看到他/她在哪个页面上。但是当我将此代码放入网站时，它不会显示任何内容。当我按 2 次时，它将显示蓝色图像。当我按多次时，您会看到白色和蓝色图像交换。但它不会站在白色图像上，只能站在蓝色图像上

这是我使用的代码。 -->

<a href='' "<?php echo $this->createUrl("/admin/survey/sa/index"); ?>" onclick="edit()"><img id="img1" onclick="imageChange(this)"'<?php echo $sImageURL;?>home.png' alt='<?php $clang->eT("Default administration page");?>' />
<script type="text/javascript">
{
  var img1 = "/LimeSurvey/styles/scanyours/images/home.png";
  var img2 = "/LimeSurvey/styles/scanyours/images/home1.png";
}
{
  var imageChoice = 1;
}
function imageChange(element) 
{
  if (imageChoice == 1)
  {
    element.src = img2;
    imageChoice = 2;
  }
  else if (imageChoice == 2) 
  {
    element.src = img1;
    imageChoice = 1;
  }
}
</script></a>

Answer 1

如果您的图像标记位于 anchor 标记内，那么即使您的图像替换有效，您也会立即被重定向到 anchor 链接到的任何位置。

这是预期的行为吗？

Here is a working example if you didn't have the anchor tag

http://jsfiddle.net/6LZpL/