Javascript图像库阻止默认设置

嗨，我有一个关于我试图创建的图像库的问题。我已经创建了一个缩略图查看器，因此当单击javascript时，会在同一页面上将缩略图显示为一个较大的图像，但我需要添加一种方法，以便在关闭javascript时仍能看到较大的图像。这是我的密码 （javascript）

（HTML）

---

现在我有了它，缩略图查看器可以正常工作，但在添加javascript fail选项后，它不再在图库中显示图像，而是在单独的页面上显示，如果没有javascript，解决这一问题的最简单方法是什么？当javascript工作时，缩略图会显示在图库中，而不是显示在单独的页面中？非常感谢您的帮助，

evt

变量不会在任何地方声明。您需要将事件对象传递到函数中。或者，您可以将

return false

放在

onclick

属性的末尾。

删除

evt.preventDefault(evt);

改变

<a href="Assets/images/big/i.jpg" onClick="changeImage('i');"><img id="thumb" src="Assets/images/thumbs/i.jpg" /></a>

（i从0到7）在您的HTML代码中

<img class="thumb" src="Assets/images/thumbs/i.jpg" onclick="changeImage('i');" style="cursor:pointer;"/>

---

（

被删除，并且添加了

style

属性以将鼠标光标更改为

指针

，并将

id

更改为

类

-具有相同id的多个元素无效。）

从事件处理程序返回

false

：

function changeImage(el) {
    var elem = document.getElementById("slide");
    elem.src = "Assets/images/big/" + el + ".jpg";
    return false;
}

在html中也添加

return

语句：

<ul class="thumbnail">

    <li><a href="Assets/images/big/0.jpg" onClick="return changeImage('0');"><img id="thumb" src="Assets/images/thumbs/0.jpg" /></a></li>
    <li><a href="Assets/images/big/1.jpg" onClick="return changeImage('1');"><img id="thumb" src="Assets/images/thumbs/1.jpg" /></a></li>
    <li><a href="Assets/images/big/2.jpg" onClick="return changeImage('2');"><img id="thumb" src="Assets/images/thumbs/2.jpg" /></a></li>
    <li><a href="Assets/images/big/3.jpg" onClick="return changeImage('3');"><img id="thumb" src="Assets/images/thumbs/3.jpg" /></a></li>
    <li><a href="Assets/images/big/4.jpg" onClick="return changeImage('4');"><img id="thumb" src="Assets/images/thumbs/4.jpg" /></a></li>
    <li><a href="Assets/images/big/5.jpg" onClick="return changeImage('5');"><img id="thumb" src="Assets/images/thumbs/5.jpg" /></a></li>
    <li><a href="Assets/images/big/6.jpg" onClick="return changeImage('6');"><img id="thumb" src="Assets/images/thumbs/6.jpg" /></a></li>
    <li><a href="Assets/images/big/7.jpg" onClick="return changeImage('7');"><img id="thumb" src="Assets/images/thumbs/7.jpg" /></a></li>

</ul>

嗨，我试图改变这一点，希望这是一个简单的解决方案，但没有，它似乎没有改变任何东西：（您好，谢谢您的帮助，但是我现在如何添加关闭javascript时的选项？我所需要做的就是在单击时在新窗口中显示大图像？@LouisaGibbons然后按照Daniel Brockman的回答-将

函数更改图像（el）

更改为

函数更改图像（evt，el）

并将

onClick=“changeImage（'i'）；”

更改为

onClick=“changeImage（事件，'i'）；”

。

function changeImage(el) {
    var elem = document.getElementById("slide");
    elem.src = "Assets/images/big/" + el + ".jpg";
    return false;
}

<ul class="thumbnail">

    <li><a href="Assets/images/big/0.jpg" onClick="return changeImage('0');"><img id="thumb" src="Assets/images/thumbs/0.jpg" /></a></li>
    <li><a href="Assets/images/big/1.jpg" onClick="return changeImage('1');"><img id="thumb" src="Assets/images/thumbs/1.jpg" /></a></li>
    <li><a href="Assets/images/big/2.jpg" onClick="return changeImage('2');"><img id="thumb" src="Assets/images/thumbs/2.jpg" /></a></li>
    <li><a href="Assets/images/big/3.jpg" onClick="return changeImage('3');"><img id="thumb" src="Assets/images/thumbs/3.jpg" /></a></li>
    <li><a href="Assets/images/big/4.jpg" onClick="return changeImage('4');"><img id="thumb" src="Assets/images/thumbs/4.jpg" /></a></li>
    <li><a href="Assets/images/big/5.jpg" onClick="return changeImage('5');"><img id="thumb" src="Assets/images/thumbs/5.jpg" /></a></li>
    <li><a href="Assets/images/big/6.jpg" onClick="return changeImage('6');"><img id="thumb" src="Assets/images/thumbs/6.jpg" /></a></li>
    <li><a href="Assets/images/big/7.jpg" onClick="return changeImage('7');"><img id="thumb" src="Assets/images/thumbs/7.jpg" /></a></li>

</ul>