blur.js "none" का अनुरोध करने का प्रयास कर रहा है और div 100%

Question

का विस्तार नहीं कर रहा है, मैं हेडर छवि के हेडर बार के बीजी को धुंधला करने के लिए http://blurjs.com/ का उपयोग करने का प्रयास कर रहा हूं। हालांकि यह मुझे एक दिलचस्प त्रुटि देता है जिसे मैं ट्रैक नहीं कर सकता। यह मुख्य कोड, और संगतता के साथ कुछ करने के लिए हो सकता है, लेकिन मुझे यकीन नहीं है।

संसाधन लोड करने में असफल

http://jordan.rave5.com/tmp/

त्रुटि है: सर्वर 404 की स्थिति (नहीं मिला) http://jordan.rave5.com/tmp/none

इसके अलावा पृष्ठभूमि ढाल div हो रही है परेशानी के साथ जवाब दिया सामग्री बॉक्स छोटा होने पर पेज लोड होने शुरू होने पर 100% का विस्तार करना। मैंने 100% या उससे अधिक में इसे एक और div जोड़ने की कोशिश की है, इसे बाहर निकालने के लिए बड़ा है, लेकिन जब सामग्री क्षेत्र फैलता है तो यह फूटर को और नीचे दबा देता है। किंडा कष्टप्रद।

Answer 1

आपका कोड blurjs.js की लाइन 285 पर विफल रहता है। ऐसा इसलिए है क्योंकि ब्लूज source (लाइन 202) के रूप में आपके द्वारा पारित तत्व पर एक सीएसएस संपत्ति की तलाश में है। आप स्रोत विकल्प के रूप में .header-img (एक छवि तत्व) सेट अप कर रहे हैं और इसलिए blurjs को background-image प्रॉपर्टी नहीं मिल सकती है इसलिए सीएसएस प्रॉपर्टी का डिफ़ॉल्ट मान वापस आ गया है, none और इसलिए जब आप लोड करने का प्रयास करते हैं तो आपको त्रुटि मिलती है उस मूल्य के साथ छवि। लाइन 202 पर blurjs.js बदलें:

var formattedSource; 
if($source.is('img')) 
    formattedSource = $source.attr('src'); 
else 
    formattedSource = ($source.css('backgroundImage')).replace(/"/g, "").replace(/url\(|\)$/ig, "");