Open image in new window

Question

How can I open an image in a new window by using its id?

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

This function is called on click on the image. Right now, it's opening in the same window, but I want to open it in a new window. How can this be accomplished?

Answer 1

For a new window that has a good chance of being lost behind the main window, and generally annoying visitors:

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

I'd just stick to a regular link if I were you.

Answer 2

HTML:

<input type="button" onclick="test()" value="test">

JavaScript

    function test(){
    url = "https://www.google.de//images/branding/googlelogo/2x/googlelogo_color_272x92dp.png";
    img = '<img src="'+url+'">';
    popup = window.open();
    popup.document.write(img);                        
    popup.print();
    }

Try this: https://jsfiddle.net/ne6f5axj/10/

You have to put the url of image in an image-tag.