javascript中带有Tumbnail的图像库

我想用

JavaScript

制作一个图像缩略图。但当我点击图像时，它并没有移动。我还想在右侧列出同样的操作方法。请帮助我

这是我的密码

<div id="imgstyle" onclick="changeImage(event)">
   <image class="imgstyle"   src="images/r1.jpg" />
   <image class="imgstyle" src="images/r2.jpg" />
   <image class="imgstyle" src="images/r3.jpg" />
   <image class="imgstyle" src="images/r4.jpg" />
   <image class="imgstyle" src="images/nw.jpg" />
</div>  <br><br>

函数更改图像（事件）
{
event=event | | window.event；
var targetElement=event.target | | event.srcement；
如果（targEtelement.tagname==“IMG”）
{
document.getelEmentbyid（“mainImage”）.src=targetElement.getAttribute（“src”）；
}
}

将此行改为：

document.getelEmentbyid("mainImage").src = targetElement.getAttribute("src");

到

---

将此行更改为：

document.getelEmentbyid("mainImage").src = targetElement.getAttribute("src");

到

---

你的JS非常邋遢，因为属性和方法名的大小写都错了，所以它不起作用

函数更改图像（事件）{
event=event | | window.event；
var targetElement=event.target | | event.srcement；
如果（targetElement.tagName==“IMG”）{
document.getElementById（“mainImage”）.src=targetElement.getAttribute（“src”）；
}
}

*{
框大小：边框框；
}
伊姆斯泰尔先生{
显示：块；
浮动：左；
宽度：20%；
}
.imgstyle+.imgstyle{
左边框：1px实心；
}

您的JS非常松散，它无法工作，因为属性和方法名称的大小写都错了

函数更改图像（事件）{
event=event | | window.event；
var targetElement=event.target | | event.srcement；
如果（targetElement.tagName==“IMG”）{
document.getElementById（“mainImage”）.src=targetElement.getAttribute（“src”）；
}
}

*{
框大小：边框框；
}
伊姆斯泰尔先生{
显示：块；
浮动：左；
宽度：20%；
}
.imgstyle+.imgstyle{
左边框：1px实心；
}

JavaScript标识符区分大小写，您有几个大写错误字母的实例。请使用snippet或@core114更新代码，而不是在JSFIDLE中更新。创建snippet更好。动态键入再次出现！JavaScript标识符区分大小写，您有几个大写错误字母的实例。请使用snippet或@core114更新代码，而不是在JSFIDLE中更新。创建snippet更好。动态键入再次出现！谢谢你soo muchNo担心-你能为未来的用户标记这个答案吗？谢谢，但有一个问题，我想使用相同的另一面和6面这样可以告诉如何得到它plz。6相同的滑块在一页plz帮助我Sir谢谢你soo muchNo担心-你能标记这作为未来用户的答案吗？谢谢，但有一个问题，我想使用相同的另一面和6面这样可以告诉如何得到它plz。6相同的滑块在一页plz帮助我，先生

document.getElementById("mainImage").src = targetElement.getAttribute("src");