使用php css和javascript的图像库

我正在尝试创建一个简单的图像库。我在看youtube上的教程。我确信我很好地遵循了它。然而，我不知道为什么它不起作用。似乎是javascript导致了这个问题，因为我每次都保存并检查它。但是当我添加代码时，当你点击一个缩略图像时，它会将图像切换为大图像。这是我的密码

PHP

Javascript

你们知道我在javascript中哪里编码错误吗？非常感谢 这里是一个预览。

---

Id中有错误，应该是

document.getElementById("BigImage");

第二个错误

 if (event.target.tagName == "IMG") {
   bigImage.src = event.target.src; //instead of bigImage.src = event.tagName.src;
 }

---

这是HTML not PHPid=BigImage>缺少引号。@PHPglue我想我只是错过了这里键入的引号，我检查了我的代码，结果是正确的//@LawrenceCherone我通常将我的php或HTML文件保存在.php ext中，我不认为这是正确的issue@UmaruHime我之所以提到这一点，是因为您将问题标记为PHP。

 function imgFunc(){
          var bigImage = document.getElementById("bigImage");
          var thumbnailsHolder = document.getElementById("thumbnailsHolder");

 thumbnailsHolder.addEventListener("click",function(event){
            if (event.target.tagName == "IMG") {
              bigImage.src = event.tagName.src;
            }
          }, false);
      }
      window.addEventListener("load",imgFunc,false);

document.getElementById("BigImage");

 if (event.target.tagName == "IMG") {
   bigImage.src = event.target.src; //instead of bigImage.src = event.tagName.src;
 }