blur.js đang cố gắng yêu cầu "không" và div không mở rộng 100%

Question

Tôi đang cố sử dụng http://blurjs.com/ để làm mờ BG của thanh tiêu đề của hình ảnh tiêu đề. Tuy nhiên nó mang lại cho tôi một lỗi thú vị tôi dường như không thể theo dõi. Nó có thể là một cái gì đó để làm với mã chính, và khả năng tương thích, nhưng tôi không chắc chắn.

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

Lỗi được

Không thể tải tài nguyên: máy chủ đáp lại bằng một trạng thái 404 (Not Found) http://jordan.rave5.com/tmp/none

Cũng div nền gradient được gặp rắc rối mở rộng 100% khi trang khởi tạo lần đầu tiên khi hộp nội dung nhỏ. Tôi đã thử thêm một div khác bên trong nó ở 100% hoặc lớn hơn để đẩy nó ra, nhưng nó chỉ kết thúc đẩy chân trang tiếp tục xuống khi vùng nội dung mở rộng. Kinda gây phiền nhiễu.

Answer 1

Mã của bạn không thành công ở dòng 285 của blurjs.js. Điều này là do blurjs đang tìm kiếm một thuộc tính css trên phần tử mà bạn truyền vào như là source (dòng 202). Bạn đang thiết lập .header-img (phần tử hình ảnh) làm tùy chọn nguồn và do đó blurjs không thể tìm thấy thuộc tính background-image trên đó do đó giá trị mặc định của thuộc tính css được trả về, none và do đó bạn gặp lỗi khi bạn cố gắng tải hình ảnh với giá trị đó. Thay đổi blurjs.js tại dòng 202:

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