2012-01-18 23 views
6

id का उपयोग करके मैं एक नई विंडो में एक छवि कैसे खोल सकता हूं?नई विंडो में छवि खोलें

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

इस फ़ंक्शन को छवि पर क्लिक करने के लिए कहा जाता है। अभी, यह एक ही विंडो में खुल रहा है, लेकिन मैं इसे एक नई विंडो में खोलना चाहता हूं। इसे किस तरह पूर्ण कर सकते है?

उत्तर

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

एचटीएमएल कोड:

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

परफेक्ट। बहुत बहुत धन्यवाद। :) – Khush

7

मुख्य विंडो के पीछे खो दिया जा रहा का एक अच्छा मौका है कि एक नया विंडो के लिए, और आम तौर पर परेशान आगंतुकों:

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

मैंने अभी एक नियमित रूप से लिंक करने के लिए छड़ी चाहते हैं, तो मैं तुम्हें थे।

+0

वर्तमान में क्रोम पर, मैं छवि को देखने के लिए ताज़ा करने के लिए की है। पूर्ण यूआरएल का उपयोग – TheRealChx101

+2

आप मानते हैं कि वह ग्राहक के सामने वाले कोड पर काम कर रहा है और डिबगिंग टूल्स नहीं कर रहा है या विशिष्ट उपयोग के लिए बेहद उपयोगी फीचर नहीं बना रहा है? उन्होंने एक अमूर्त सवाल पूछा। वह एक अमूर्त उत्तर का हकदार है। – JayB

-3
window.Open("http://yourdomain.com/yourimage.gif"); 
+1

आप अपना उत्तर संपादित करना चाहते हैं। 'window.Open' एक विधि नहीं है और यदि आप' window.open' के बजाय इसका उपयोग करने का प्रयास करते हैं तो त्रुटि उत्पन्न होगी। –

0

तरह

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

कुछ लेकिन तुम, मुसीबत में चला सकता है अगर किसी को AdBlock या किसी पॉपअप अवरोधक का उपयोग करता है।

1

कोशिश:

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

मुझे यह त्रुटि क्रोम से मिलती है: '' 'डेटा यूआरएल में शीर्ष फ्रेम नेविगेट करने की अनुमति नहीं है ' – Mason

संबंधित मुद्दे