Javascript 对所有缩略图使用全屏api

单击“我的图库”中的任何缩略图后，我想显示一个全屏弹出窗口

如果我点击图库中的任何缩略图，图像的全屏版本将不会弹出。唯一可行的方法是在getElementsByTagName（“img”）之后添加[0]，但前提是单击第一个图像

    var image = gallery.getElementsByTagName("img");
    image.onclick = function() {
        launchFullscreen(image);
        image.style.filter = "none";
    }

如果我点击图库中的任何缩略图，图像的全屏版本将不会弹出。唯一可行的方法是在getElementsByTagName（“img”）之后添加[0]，但前提是单击第一个图像

    var image = gallery.getElementsByTagName("img");
    image.onclick = function() {
        launchFullscreen(image);
        image.style.filter = "none";
    }

问题是

gallery.getElementsByTagName（“img”）

返回

gallery

中所有

img

-元素的列表。Ẁ添加

[0]

时，从该列表中选择第一个元素

相反，您需要将onclick处理程序函数应用于该列表中的所有元素：

var images=gallery.getElementsByTagName（“img”）；
对于（var i=0；i

---

如何启动全屏：
您可以使用JavaScript中的使元素全屏显示。
只需调用（对于名为foo的元素）：

foo.requestFullscreen（）；

下面是一个简单的演示：（编辑：更正链接）

我要做的是设计一个最初不可见的

，它可以全屏显示并包含完整大小的图像。在gallery中图像的

onclick

事件中，您需要将单击图像的全尺寸版本加载到该div中，并使其可见且全屏显示

你好我认为你应该把你的问题重新表述得更具体一些，否则你很快就会被否决。到目前为止，您尝试了什么？具体问题是什么？可能重复的