Как заставить JavaScript открыть текущее изображение в новом WINDOW с помощью события ONCLICK.
<script>
function imgWindow() {
window.open("image") }
</script>
HTML
<img src="pond1.jpg" height="150" size="150" alt="Johnson Pond" onclick="image()"> <-- Have JavaScript open this image with onclick.
<img src="pond2.jpg" height="150" size="150" alt="All-green Pond" onclick="image()"> <-- Have JavaScript open this image with onclick.
<img src="pond3.jpg" height="150" size="150" alt="Dutch Pond" onclick="image()"> <-- Have JavaScript open this image with onclick.
Это может вам подойти...
<script type="text/javascript">
function image(img) {
var src = img.src;
window.open(src);
}
</script>
<img src="pond1.jpg" height="150" size="150" alt="Johnson Pond" onclick="image(this)">
Пожалуйста, позаботьтесь также о доступности.
Не используйте onClick
для изображений без определения ARIA роли.
Неинтерактивные элементы HTML и неинтерактивные роли ARIA указывают на содержимое и контейнеры в пользовательском интерфейсе. Неинтерактивный элемент не поддерживает обработчики событий (обработчики мыши и клавиш).
Разработчик и дизайнеры несут ответственность за обеспечение ожидаемого поведения элемента, которое предполагает его роль: фокусируемость и поддержка нажатия клавиш. Более подробную информацию смотрите в WAI-ARIA Authoring Practices Guide - Design Patterns and Widgets.
tldr; вот как это должно быть сделано:
<img
src="pond1.jpg"
alt="pic id code"
onClick="window.open(this.src)"
role="button"
tabIndex="0"
/>