Mở hình ảnh trong cửa sổ mới

Question

Làm cách nào để mở hình ảnh trong cửa sổ mới bằng cách sử dụng id?

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

Chức năng này được gọi khi nhấp vào hình ảnh. Ngay bây giờ, nó đang mở trong cùng một cửa sổ, nhưng tôi muốn mở nó trong một cửa sổ mới. Làm thế nào điều này có thể được thực hiện?

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'); 
} 

HTML code:

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

Answer 2

Đối với một cửa sổ mới có một cơ hội tốt bị mất phía sau cửa sổ chính, và thường gây phiền nhiễu khách:

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

Tôi chỉ muốn dính vào một liên kết thường xuyên nếu tôi là bạn.

Answer 3

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

Answer 4

Something như

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

Nhưng bạn có thể chạy vào rắc rối, nếu ai đó sử dụng AdBlock hoặc bất kỳ PopUp-Blocker.

Answer 5

Hãy thử:

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