From a29991bb21c4370220942e18f7f5b24681119640 Mon Sep 17 00:00:00 2001 From: isteven <ignatius.steven@gmail.com> Date: Thu, 1 May 2014 09:39:55 +0800 Subject: [PATCH] added background-size property to allow full page blur over background --- README.md | 36 +++++++++++++++++++++++++++++++++--- blur.js | 5 +++-- 2 files changed, 36 insertions(+), 5 deletions(-) diff --git a/README.md b/README.md index ef9cf48..1ede1c3 100644 --- a/README.md +++ b/README.md @@ -1,7 +1,8 @@ -# Blur.js +# blur.js blur.js is a jQuery plugin that produces psuedo-transparent blurred elements over other elements. +This fork fixes the background-size property which now enable us to have full page blur over the background. ## Usage @@ -13,7 +14,9 @@ $('.target').blurjs({ }); ```` -## Defaults +The plugin will get other background properties (background-size, background-repeat, etc.) from the styles specified in the element (inline style), or in your CSS. + +## Options ```` $('.target').blurjs({ @@ -30,6 +33,33 @@ $('.target').blurjs({ draggable: false //Only used if jQuery UI is present. Will change background-position to fixed }); ```` +## Note + +This is a fork of Blur.js (https://github.com/jakiestfu/Blur.js). Credit goes to original author, Jacob Kelley (https://github.com/jakiestfu). ## Licensing -MIT +The MIT License (MIT) + +Copyright (c) 2014 Ignatius Steven (https://github.com/isteven) + +Original author: Jacob Kelley (https://github.com/jakiestfu) + +Permission is hereby granted, free of charge, to any person obtaining a copy +of this software and associated documentation files (the "Software"), to deal +in the Software without restriction, including without limitation the rights +to use, copy, modify, merge, publish, distribute, sublicense, and/or sell +copies of the Software, and to permit persons to whom the Software is +furnished to do so, subject to the following conditions: + +The above copyright notice and this permission notice shall be included in all +copies or substantial portions of the Software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR +IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, +FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE +AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER +LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, +OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE +SOFTWARE. + + diff --git a/blur.js b/blur.js index 395061f..80228ea 100644 --- a/blur.js +++ b/blur.js @@ -229,7 +229,8 @@ 'background-image': 'url("' + blurredData + '")', 'background-repeat': $source.css('backgroundRepeat'), 'background-position': position, - 'background-attachment': attachment + 'background-attachment': attachment, + 'background-size': $source.css('backgroundSize') }); if(options.optClass != false) { $glue.addClass(options.optClass); @@ -280,4 +281,4 @@ } }); }; -})(jQuery); \ No newline at end of file +})(jQuery);