Cómo vincular una imagen y apuntar a una nueva ventana

Question

Tengo una imagen, si hago clic en esa imagen, ¿cómo puedo construir una referencia de imagen para que se abra otra página en una nueva pestaña o una nueva ventana de mi navegador mostrando la imagen ?

Answer 1

conjunto es target = "_ blank"

Answer 2

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

Answer 3

Si utiliza secuencias de comandos para navegar a la página, utilice el método open con el objetivo _blank para abrir una nueva ventana/pestaña:

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

Sin embargo, si desea que los motores de búsqueda encuentren la página, simplemente debe envolver la imagen en un enlace normal.

Answer 4

se puede hacer como esto

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

encontrar esta página

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

goreb

Answer 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> 

ver el código

Answer 6

Suponiendo que desea mostrar una imagen en miniatura, que es 50x50 píxeles y lin K a la imagen de la real que puede hacer

<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> 

Por supuesto que es mejor dar que enlazan una clase o ID y ponerlo en su css

Answer 7

Para abrir en un nuevo uso pestaña:

target = "_blank" 

para abrir en el mismo uso pestaña:

target = "_self"