Image 问题：使用事件处理程序重新模糊图像_Image_Function_Event Handling_Src

Image 问题：使用事件处理程序重新模糊图像

image function

Image 问题：使用事件处理程序重新模糊图像,image,function,event-handling,src,Image,Function,Event Handling,Src,这可能是一个小而明显的错误我想知道为什么我的事件处理程序可以很好地“取消模糊”图像，但不能“重新模糊”它们。正在使用的模糊img文件称为“zeroblur.jpg”、“oneblur.jpg”、“twoblur.jpg”等。正在使用的清除img文件称为“zero.jpg”、“one.jpg”、“two.jpg”等他们加载得很好，因为“取消模糊”效果很好，但当我再次单击“重新模糊”时，网页只显示一个图标，表明它没有src 提前感谢,，罗布 HTML 事件处理程序播放东西身体{ 利润率

这可能是一个小而明显的错误

我想知道为什么我的事件处理程序可以很好地“取消模糊”图像，但不能“重新模糊”它们。正在使用的模糊img文件称为“zeroblur.jpg”、“oneblur.jpg”、“twoblur.jpg”等。正在使用的清除img文件称为“zero.jpg”、“one.jpg”、“two.jpg”等

他们加载得很好，因为“取消模糊”效果很好，但当我再次单击“重新模糊”时，网页只显示一个图标，表明它没有src

提前感谢,，罗布

HTML


事件处理程序播放东西
身体{
利润率：20px；
}
img{
利润率：20px；
宽度：150px；
高度：自动；
}
玩东西的人
你喜欢怎么玩就怎么玩！

JS:

window.onload=innit；
函数innit（）{
var images=document.getElementsByTagName（“img”）；
对于（var i=0；i


<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>Event Handler Play Thing</title>
    <style type="text/css">
        body {
            margin: 20px;
        }
        img {
            margin:  20px;
            width: 150px;
            height: auto;
        }
    </style>
</head>
<body>
    <h1>Event Hnadler Play Thing</h1>
    <h2>For Playing How You Like to Like!</h2>
    <img id="zero" src="zeroblur.jpg">
    <img id="one" src="oneblur.jpg">
    <img id="two" src="twoblur.jpg">
    <img id="three" src="threeblur.jpg">
    <img id="four" src="fourblur.jpg">
    <img id="five" src="fiveblur.jpg">
    <script type="text/javascript" src="eventHandlerPlayThing.js"></script>
</body>
</html>

window.onload = innit;
function innit() {
    var images = document.getElementsByTagName("img");
    for (var i = 0; i < images.length; i++) {
        images[i].onclick = showAnswer;
    }
}

function showAnswer(eventObj) {
    var image = eventObj.target;

    var name = image.id;
    var newName = name + ".jpg";
    var oldName = name + "blur.jpg";

    if (image.id = oldName) {
        image.src = newName;
    } else {
        image.src = oldName;
    }
}