blur.js "none"をリクエストしようとしましたが、展開しない100％

Question

http://blurjs.com/を使用して、ヘッダー画像のヘッダーバーのBGをぼかすようにしています。しかし、それは私に追いつくことができないという面白いエラーを私に与える。メインコードと互換性があるかもしれませんが、わかりません。

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

エラーが

では、リソースの読み込みに失敗しました：サーバーは、404の状態で応答（見つかりません）http://jordan.rave5.com/tmp/none

をも背景グラデーションのdivが問題を抱えていますコンテンツボックスが小さいときにページが最初に読み込みを開始するときに100％拡張します。私はそれを押し出すために100％以上で別のdivを追加しようとしましたが、コンテンツエリアが拡大したときにフッタをさらに押し下げてしまいます。煩わしい。

Answer 1

あなたのコードは、blurjs.jsの285行目で失敗します。これは、blurjsが渡す要素の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, "");