Como ligar uma imagem e visar uma nova janela

Eu tenho uma imagem, se eu clicar nessa imagem, como posso construir uma referência de imagem para que outra página abra em uma nova página ou uma nova janela do meu navegador mostrando a imagem?

 18
Author: Jay Haase, 2010-06-29

7 answers

<a href="http://www.google.com" target="_blank">
  <img width="220" height="250" border="0" align="center"  src=""/>
</a>
 36
Author: Salil, 2010-06-29 10:32:44

Se usar o programa para navegar até à página, use o método open com o alvo _blank para abrir uma nova janela / tab:

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

No entanto, se você quiser que os motores de busca encontrem a página, você deve apenas embrulhar a imagem em um link regular em vez disso.

 8
Author: Guffa, 2010-06-29 10:50:09

Podes fazer assim

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

Encontra esta página

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

Goreb

 5
Author: gorbis, 2013-01-28 08:10:40

Assumindo que deseja mostrar uma miniatura de imagem que é de 50x50 pixels e ligação à imagem actual, poderá fazer

<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>
É claro que é melhor dar a esse link uma classe ou identificação e colocá-la no seu css.
 4
Author: Arijoon, 2016-05-13 13:04:21
<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>

Ver o código

 3
Author: T Sooraj, 2015-02-27 13:54:48

Para abrir numa nova página use:

target = "_blank"

Para abrir na mesma página use:

target = "_self"
 1
Author: Siva Ganesh, 2017-07-12 08:47:36

Define o seu alvo=_blank

 -1
Author: Jason, 2010-06-29 10:31:57