इफ्रेम

Question

में छवि प्रदर्शित करना मैं अपने वेबपृष्ठ पर एक आईफ्रेम के भीतर एक छवि प्रदर्शित करना चाहता हूं। हालांकि, समस्या यह है कि मैं इसे अपने आकार के 100% तक विस्तारित नहीं कर सकता।

मैं जो करना चाहता हूं वह निम्नलिखित है।

• मेरे वेबपृष्ठ पर एक आईफ्रेम है।
• आईफ्रेम के भीतर एक छवि को कॉल करें।
• छवि को पूर्ण आकार में और प्रतिक्रिया के रूप में विस्तारित करें, iframe मुझे स्क्रॉल करने की अनुमति देता है।
• मेरे वेबपेज

वर्तमान पर किसी भी स्क्रॉल बार नहीं किया है, यहाँ कोड मैं है:

echo"<iframe name='graph' id='graph' src=$image style='position:absolute; top:0px; left:0px; height:100%;width:100%'></iframe>"; 

यह क्या करता है, यह बनाता है आइफ्रेम मेरे वेबपेज और अभी भी की चोटी पर आते हैं 100% तक विस्तार नहीं करता है। पूर्ण बजाय:: अगर मैं स्थिति को दूर

echo"<iframe name='graph' id='graph' src=$image style='top:0px; left:0px; height:100%;width:100%'></iframe>"; 

मैं अंत में इस पर 100% करने के लिए चौड़ाई में विस्तार करने के लिए है, लेकिन ऊंचाई के मामले में हो रही है, यह सिर्फ 3 पिक्सल ऊंचा है और वहाँ के लिए स्क्रॉल करने के लिए एक स्क्रॉलबार है तल।

मैंने वेब को एक फिक्स की तलाश में डाला, लेकिन कुछ भी मैंने काम करने की कोशिश नहीं की। कुछ सीएसएस बदल रहा है और साथ ही उल्लेख किया है, लेकिन कोई लाभ नहीं हुआ ...

संपादित करने के लिए

एक अन्य समस्या मैं का सामना करना पड़ता है कि छवि फ़ायरफ़ॉक्स में ज़ूम आउट किया गया है है। मुझे आईफ्रेम के भीतर छवि को अपने पूर्ण आकार में विस्तारित करने की आवश्यकता है। हालांकि यह क्रोम और आईई में सही ढंग से दिखाई देता है। क्या इसे ठीक करने का कोई तरीका है?

Answer 1

अपने मुख्य पृष्ठ के सीएसएस को यह करें:

body, html { 
    height:100% 
} 

Answer 2

आपको iframe सामग्री के आकार का पता लगाने और iframe आकार बदलने के लिए कुछ जावास्क्रिप्ट का उपयोग कर सकते हैं।

Answer 3

कंटेनर (संलग्न डिवीजन, यदि आपके पास कंटेनर नहीं है तो आपको एक बनाना चाहिए,) ऐसा लगता है कि आईफ्रेम की ऊंचाई सीमित है। कंटेनर की ऊंचाई 100% बनाने का प्रयास करें।

Answer 4

आपकी समस्या यह है कि आप सीधे एक छवि संसाधन एम्बेड कर रहे हैं।

यह आपके इच्छित तरीके से काम नहीं करेगा। छवि हमेशा मूल आकार होने जा रही है।

आपको छवि के चारों ओर लपेटकर body के साथ एक अलग HTML फ़ाइल में iframe की src संपत्ति सेट करने की आवश्यकता है। फिर आप इसे सीएसएस का उपयोग कर शरीर के अंदर 100% चौड़ाई और/या ऊंचाई दे सकते हैं।

Answer 5

सुनिश्चित करें कि आप डोम के बावजूद सबकुछ पर 100% ऊंचाई निर्धारित कर रहे हैं .. http://api.fatherstorm.com/test/iframe.php

और http://api.fatherstorm.com/test/iframe2.php

या तो एक एम्बेडेड पेज (सीएनएन) या एक छवि

Answer 6

यदि आप स्थानीय रूप से छवि की पहुंच है और आप php जी.डी. कार्यों का उपयोग कर सकते हैं के साथ उदाहरण के लिए देखें ...

$img_rsrc = imagecreatefromjpeg($path_to_image); 
// or imagecreatefrompng, imagecreatefromgif, etc, depending on the type of your image 
$height = imagesy($img_rsrc); 
$width = imagesx($img_rsrc); 
imagedestroy($img_rsrc); 

फिर ऊंचाई और चौड़ाई के आधार पर पिक्सेल में अपने आईफ्रेम का आकार सेट करें। मार्जिन के लिए आपको ऊंचाई और चौड़ाई में थोड़ा सा जोड़ना पड़ सकता है।

Answer 7

छवि प्रदर्शित करने के लिए नीचे दिए गए कोड का उपयोग करें।

<iframe frameborder="0" scrolling="no" width="100%" height="100%" 
    src="../images/eightball.gif" name="imgbox" id="imgbox"> 
    <p>iframes are not supported by your browser.</p> 
</iframe><br /> 


<a href="../images/redball.gif" target="imgbox">Red Ball</a><br /> 
<a href="../images/floatingball.gif" target="imgbox">Floating Ball</a><br /> 
<a href="../images/eightball.gif" target="imgbox">Eight Ball</a>