Question

我在JS中实现了以下功能：

function fullScreen(element) {
    if (element.requestFullScreen) {
        element.requestFullScreen();
    } else if (element.webkitRequestFullScreen) {
        element.webkitRequestFullScreen();
    } else if (element.mozRequestFullScreen) {
        element.mozRequestFullScreen();
    }

    link = document.getElementById("slideshow");
    link.removeAttribute("onclick");
    link.setAttribute("onclick", "cancelFullScreen()");
    }

此功能使我可以全屏查看相对于监视器的内容。我找不到有关如何相对于浏览器窗口进行全屏显示的任何信息。

更具体地说，我要具体的是在浏览器内部全屏显示图片（带有或最好不带有UI）的同时，将网站的其余部分“涂黑”（如不透明）

Answer 1

只需在传递图像src时使用window.open（）

<img src="five.jpg" alt="Italian Trulli" onclick="window.open(this.src)">

Answer 2

如果您要打开图像作为弹出窗口，则可以使用模型图像click here

相对于浏览器窗口的JavaScript全屏显示，不监视

2 个答案: