Abrir la imagen en una nueva ventana

Question

¿Cómo puedo abrir una imagen en una nueva ventana usando su id?

function swipe() 
{ 
    var largeImage = document.getElementById('largeImage'); 
    largeImage.style.display = 'block'; 
    largeImage.style.width=200+"px"; 
    largeImage.style.height=200+"px";     
} 

Se solicita esta función al hacer clic en la imagen. En este momento, se está abriendo en la misma ventana, pero quiero abrirlo en una nueva ventana. ¿Cómo se puede lograr esto?

Answer 1

function swipe() { 
    var largeImage = document.getElementById('largeImage'); 
    largeImage.style.display = 'block'; 
    largeImage.style.width=200+"px"; 
    largeImage.style.height=200+"px"; 
    var url=largeImage.getAttribute('src'); 
    window.open(url,'Image','width=largeImage.stylewidth,height=largeImage.style.height,resizable=1'); 
} 

código HTML:

<img src="abc.jpg" onClick="swipe();"/> 

Answer 2

Para una nueva ventana que tiene una buena oportunidad de perderse detrás de la ventana principal, y en general los visitantes molestos:

window.open('http://example.com/someImage.png'); 

acabo pegaría a una de manera regular si fuera tú.

Answer 3

window.Open("http://yourdomain.com/yourimage.gif"); 

Answer 4

Algo así como

window.open(url,'htmlname','width=largeImage.stylewidth,height=largeImage.style.height,resizable=1');} 

Pero usted podría encontrarse en problemas, si alguien usa AdBlock o cualquier PopUp-bloqueante.

Answer 5

Probar:

<img src="URL or BASE64" onclick="window.open(this.src)">