blur.js가 "none"을 요청하고 확장하지 않음 100 %

Question

http://blurjs.com/을 사용하여 헤더 이미지의 헤더 막대의 BG를 흐리게 처리하려고합니다. 그러나 그것은 내가 추적 할 수없는 흥미로운 오류를 준다. 주 코드와 호환성이있을 수도 있지만 확실하지는 않습니다. 자원을로드

실패

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

오류입니다 : 서버 (찾을 수 없음) (404)의 상태 http://jordan.rave5.com/tmp/none

또한 배경 - 그라데이션 사업부는 데 문제로 응답 콘텐츠 상자가 작을 때 페이지가 처음으로로드 될 때 100 % 확장됩니다. 100 % 또는 그 이상으로 밀어 넣기 위해 다른 div를 추가하려고 시도했지만 내용 영역이 확장되면 바닥 글을 더 아래로 밀게됩니다. 성가신.

Answer 1

코드는 blurjs.js의 285 번째 줄에서 실패합니다. 이것은 blurj가 전달하는 요소의 CSS 속성을 source (줄 202)로 찾고 있기 때문입니다. 소스 옵션으로 .header-img (이미지 요소)을 설정 했으므로 blurjs에서 background-image 속성을 찾을 수 없으므로 CSS 속성의 기본값 인 none이 반환되므로 이미지를로드하려고 할 때 오류가 발생합니다. 그 값을 가진 이미지. 202 번선에서 blurjs.js를 변경하십시오.

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