Как связать изображение и настроить новое окно

У меня есть изображение, если я нажимаю на это изображение, как я могу создать ссылку на изображение, чтобы другая страница открылась на новой вкладке или в новом окне моего браузера, отображающего изображение?

Ответы

Ответ 1

<a href="http://www.google.com" target="_blank">
  <img width="220" height="250" border="0" align="center"  src=""/>
</a>

Ответ 2

Если вы используете script для перехода на страницу, используйте метод open с целевым _blank, чтобы открыть новое окно/вкладку:

<img src="..." alt="..." onclick="window.open('anotherpage.html', '_blank');" />

Однако, если вы хотите, чтобы поисковые системы находили страницу, вы должны просто обернуть изображение в обычной ссылке.

Ответ 3

вы можете сделать это

<a href="http://www.w3c.org/" target="_blank">W3C Home Page</a>

найти эту страницу

http://www.corelangs.com/html/links/new-window.html

goreb

Ответ 4

Предполагая, что вы хотите показать миниатюру изображения, которая составляет 50x50 пикселей, и ссылку на фактическое изображение, которое вы можете сделать

<a href="path/to/image.jpg" alt="Image description" target="_blank" style="display: inline-block; width: 50px; height; 50px; background-image: url('path/to/image.jpg');"></a>

Конечно, лучше всего дать ссылку на класс или id и поместить его в свой css

Ответ 5

<a href="http://www.google.com" target="_blank"> //gives blank window
<img width="220" height="250" border="0" align="center"  src=""/> // show image into new window
</a>

См. код

Ответ 6

Чтобы открыть на новой вкладке, используйте:

target = "_blank"

Чтобы открыть на той же вкладке, используйте:

target = "_self"

Ответ 7

установите его target = "_ blank"