2010-05-10 12 views
7

फ़ायरफ़ॉक्स और क्रोम में यह समस्या तब होती है फेंक, लेकिन सफारी ठीक है। IE8, हालांकि, संगतता मोड में या नहीं, शीर्ष पर ओवरले लोड नहीं करता है (यह केवल शीर्ष पर बैठता है, सामग्री को नीचे स्क्रॉल करता है - हालांकि मुझे लगता है कि यह इसलिए है क्योंकि ओवरले मार्कअप के शीर्ष पर है)।Colorbox IE8 में एक wobbly

यह उस छवि को भी प्रदर्शित नहीं करता है जिसे मैं दिखाने का प्रयास कर रहा हूं, लेकिन स्क्रीन के ऊपरी बाईं ओर ओवरले लोडिंग छवि को कुछ भी नहीं करता है। मैं मानक रंगबॉक्स-मिनट और सीएसएस का उपयोग कर रहा हूं जो इसके साथ जाता है।

आईई 8 देव उपकरणों में मार्कअप का निरीक्षण करने का संकेत मिलता है कि सामग्री वास्तव में cboxLoadedContent div में लोड नहीं होती है।

$(document).ready(function() { 
    $('a[rel="preview"]').colorbox(
     { 
      photo: true 
      , maxWidth: '95%' 
      , maxHeight: '95%' 
      , photoScaling: true 
     } 
    ); 
}); 

मूल रूप से पेज मीडिया चित्रों की एक सूची है और जब आप एक पर क्लिक करें यह आप पूर्वावलोकन देता है और आप पेज पर लोगों के माध्यम से स्क्रॉल करने के लिए अच्छी तरह से कम से कम यह है एफएफ में यह के रूप में एक छोटे से स्क्रीनशॉट ले लिया अनुमति देता है ओवरले चीज़ को कम कर रहा था http://dumpt.com/img/viewer.php?file=7s2zwoxozzf7666h0fzc.png

किसी के पास कोई विचार है?

मुझे उम्मीद है कि मेरी व्याख्या बहुत अच्छी नहीं है, इसलिए शायद मैं इसकी एक फिल्म ले सकता हूं या आवश्यकता होने पर कुछ ले सकता हूं।

+5

अकेले शीर्षक के लिए +1 –

+0

+1 इसी कारण से। ठनक –

+0

अपने पृष्ठ किसी भी सत्यापन त्रुटियों है? इससे कुछ ब्राउज़रों में कलरबॉक्स बंद हो सकता है। अगर आप http://validator.w3.org के माध्यम से अपना एचटीएमएल चक करते हैं तो कुछ भी स्पष्ट हो जाता है? –

उत्तर

1

अपने कोड के लिए तैयार समारोह में लिपटे है? मैं मामलों में जहां कोड कि एफएफ में काम करता है/सफारी IE में विफल रहता है क्योंकि आईई और धीरे धीरे डोम लोड करने के लिए लगता है देखा है। उन मामलों में यह लगभग हमेशा पता चला है कि मैं कोड को तैयार फ़ंक्शन में लपेटने में विफल रहा हूं।

$(function() { // the important bit 
    $('.colorbox').load('...').colorbox(); 
}); 
+0

नमस्ते, उत्तर के लिए धन्यवाद ... कोई दुखद रूप से इसे तैयार $ (दस्तावेज़) .ready (function() { \t $ ('a [rel = "preview"]')। Colorbox ({photo: सच, maxWidth: '95% ', maxHeight: '95%', फोटोस्कलिंग: सत्य}); }); मूल रूप से पेज मीडिया चित्रों की एक सूची है .. और जब आप एक पर क्लिक करें यह आप पूर्वावलोकन देता है और आप पृष्ठ पर लोगों के माध्यम से स्क्रॉल करने के लिए अनुमति देता है .. अच्छी तरह से यह एफएफ में करता है एक छोटे से स्क्रीनशॉट ले लिया के रूप में यह सिकुड़ गया था ओवरले चीज http://www.dumpt.com/img/viewer.php?file=7s2zwoxozzf7666h0fzc.png ताकि कुछ भी कम न हो, तो यह सब – nat

+0

@nat - शायद यह प्रतीक्षा नहीं कर रहा है आईई में गलत तरीके से आकार लोड करने और गणना करने के लिए छवियों? कुछ मिनट की कोशिश करें, जैसे एक मिनट के लिए सेट अप करने में देरी (छवियों को लोड करने का मौका दें)। '$ ('ए ...') देरी (60000) ...' या सेटटाइमआउट (फ़ंक्शन() {$ ('ए ...')}, 600000); 'यदि यह काम करता है, तो आपको इसकी आवश्यकता हो सकती है छवियों को लोड करते समय या किसी न्यूनतम आकार के साथ कंटेनर का उपयोग करने के लिए अपने कोड को समायोजित करने के लिए समायोजित करें। – tvanfosson

+0

@nat s/600000/60000/g – tvanfosson

1

एक XHTML सख्त doctype का प्रयास करें ...?

+0

यहां तक ​​कि एक संक्रमणकालीन व्यक्ति ने मेरे लिए एक बहुत ही समान समस्या तय की है। – Michielvv

0

मैंने सटीक लक्षणों का अनुभव किया है - लेकिन मेरे मामले में यह सभी ब्राउज़रों तक बढ़ा है।

एक कारण यह था कि मैंने सीएसएस फ़ाइल शामिल नहीं की जिसे मैं रंगीन रंग का उपयोग करने वाले पृष्ठों के लिए उपयोग करता हूं।

एक अन्य कारण जिसे मैंने jQuery के नवीनतम संस्करण में अपडेट किया था, लेकिन रंग बॉक्स को अपग्रेड नहीं किया था। (साथ ही, यदि आप अपने jquery को अपडेट करते हैं, तो सुनिश्चित करें कि आप अपने jquery बनाम दस्तावेज़ को भी अपडेट करें - यदि आप इसका उपयोग भी कर रहे हैं)।

उम्मीद है कि मदद करता है। इस के लिए अपने colorbox फ़ाइलों के माध्यम से

0

खोज:

filter: progid:DXImageTransform.Microsoft.AlphaImageLoader 

यह के कई उदाहरण है, प्रत्येक एक png की ओर इशारा करते होंगे। सुनिश्चित करें कि उस पीएनजी का पथ सही है, फिर इसे फिर से जांचें।

मुझे पूरा यकीन है कि मुझे एक बिंदु पर यह सही समस्या थी, और पथ को ठीक करने के लिए मुझे बस इतना करना था। हालांकि, यह थोड़ी देर हो गया है इसलिए मेरी याददाश्त थोड़ा अस्पष्ट है।

0

मैं एक ही मुद्दा था। मैं भी छवि केवल 10px विस्तृत आईई की वजह से किया जा रहा पसंद नहीं सीएसएस अधिकतम-चौड़ाई 100% पर सेट किया जा रहा के साथ एक समस्या थी। समस्या को कम करने के लिए मैं अपने सीएसएस में निम्नलिखित जोड़ता हूं।

.cboxIE img 
    { 
     max-width:none; 
     _max-width:none; 
    }