JS onclick изображение перенаправить на то же изображение html

Question

Я не совсем уверен, как это объяснить, но я пытаюсь сделать следующее: когда вы нажимаете определенное изображение на странице, оно перенаправляет вас на другую страницу, где в основном то же самое изображение, только страница / ссылка html, а не только путь к изображению, например: "file: /// C: /Users/x/Desktop/report/img/3.jpg".

Код, который я видел вокруг, таков:

   img.onclick = function(event) {
        window.location.href = this.src + '.html';
    }

Все генерируется из JS, поэтому у меня нет HTML кода, жестко запрограммированного.

Выше код работает, если я поцарапал часть '. html', но, как я уже говорил ранее, он перенаправляет меня только на jpg, или, если я оставляю бит '. html', он просто выглядит как этот "file: /// C: /Users/x/Desktop/report/.html" и ничего не появляется.

Я хотел бы иметь новую страницу html поэтому я могу позже добавить другие вещи / информацию вокруг моего изображения.

Я новичок в программировании, поэтому я не совсем уверен, как / если это возможно. Любая помощь приветствуется, спасибо!

Answer 1

Сначала у вас есть тег img со свойством onClick:

<div class="col-12 col-md-4 col-lg-3"> <img onclick="GetImage(@ImageAddress)"/> </div>

Затем напишите скрипт:

<script>
        function GetImage(imageAddress) {
            window.open(imageAddress);
        }
</script>