使用Javascript更改IMG SRC

Question

我是javascript的新手,虽然有许多更复杂的解决方案,我不理解它们,希望我不必在这一点上.

我有一张主图......

<img src="main-picture.jpg" name="Mainpic" id="image">

...当我点击两个缩略图中的一个时,我希望能够更改此图片.

<a href="" onclick="FirstPic()"><img src="replacement1.jpg" name="pic1"></a>
<a href="" onclick="SecPic()"><img src="replacement2.jpg" name="pic2"></a>

我认为我的javascript代码非常简单.我目前正在使用......

function FirstPic(){
        document.Mainpic.src = document.pic1.src
        return
    }

function SecPic(){
        document.Mainpic.src = document.pic2.src
        return
    }

现在变量正在改变,但它不会保持变化.单击缩略图时,替换图片在屏幕上闪烁,然后返回到原始的main-picture.jpg.

在单击其他缩略图之前,如何使更改成为永久更改？

谢谢!

Answer 1

我认为它正在翻转,因为你的页面正在重新加载.

如果您不希望在onclick之后激活href =值,则需要从onclick =返回false.

此外,您可以设置href ="#"以防万一.#无处可去(不会重新加载页面)