Javascript 被未定义的函数卡住了

我是javascript新手，我就呆在这里： 有一个较小的图像，代表正常大小的img，当点击它时，我想打开另一个div中的较大图像，我还有其他图像

函数cimgOpenning（e）{
if（document.getElementById（e.style.maxWidth==“0”）{
document.getElementById（e.style.maxWidth=“100px”；
}否则{
document.getElementById（e.style.maxWidth=“0”；
}
}

我刚刚添加了背景、高度和默认最大宽度来查看更改

由于

document.getElementById（e）.style.maxWidth

以一个空白字符串开头，因此我还反转了条件。如果它是空白或0，我将宽度设为100px

.cimg{
最大宽度：0px；
背景：黑色；
高度：100px；
}

函数cimgOpenning（e）{
if（document.getElementById（e.style.maxWidth==“100px”）{
document.getElementById（e.style.maxWidth=“0px”；
}否则{
document.getElementById（e.style.maxWidth=“100px”；
}
}

要做到这一点，您可以尝试以下方法： 小图像

      <span>
      <img onclick="cimgOpenning(this)" src="resim/live-30.jpg" alt="asd" />
      </span>

---

该函数将获取调用该函数的任何小图像的src属性，然后将src设置为较大图像的src，并将较大图像容器的“display none”替换为“display block”样式，即它将显示它，也就是说，希望这对您有所帮助？

错误消息是什么？未定义什么？未定义cimgOpenning，它说@evolutionxbox@KunalMukherjee我认为stacksnippet在这里没有帮助。源代码顺序可能是一个因素。请更新问题以包含问题的详细信息？当前的stacksnippet太不清楚。请您澄清您更改了什么/为什么您的答案有效？不鼓励只使用代码的答案，请提供解释。对不起，我刚刚发布了答案（1分钟前），我通常先发布代码，然后编辑帖子以进行后续解释。现在已经更新了。请您解释一下您是如何解决OP的问题的，即看到错误“cimgOpenning未定义”？这似乎是更好的方法，因此我将采用此方法。非常感谢你，好先生。这将有助于提高页面加载速度。您尝试过吗？如果有任何错误，请告诉我。我刚刚更改了一些行，一切都很好，再次感谢您（：

      <div id="ci-2" style="display:none; width:100%" class="cimg">
      <img src="empty" alt="" />
      </div>

function cimgOpenning(e) {
var smallImageSrc = e.getAttribute("src");
var bigImageContainer = document.getElementsByClassName("cimg")[0];
var bigImage = bigImageContainer.getElementsByTagName("img")[0];
bigImage.src = smallImageSrc;
bigImageContainer.style.display = "block"
}