JavaScript на весь экран относительно окна браузера, а не монитора

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()");
    }

Эта функция позволяет мне просматривать содержимое на весь экран относительно монитора.Я не могу найти какую-либо информацию о том, как сделать полноэкранный экран относительно окна браузера.

Чтобы быть более конкретным, я хочу, чтобы конкретный веб-сайт был "затемненным" (например,с непрозрачностью), пока картинка в полноэкранном режиме внутри браузера (с или предпочтительно без пользовательского интерфейса)

Answer 1

Если вы хотите открыть изображение как всплывающее окно, вы можете использовать Образ модели нажмите здесь

Answer 2

Просто вам нужно использовать window.open () с передачей изображения src

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