2014-01-21 3 views
1

Что такое кеш-префикс в Blur.js? Я пытаюсь демо-код для Blur.js и получаю ошибкуЧто такое кеш-префикс в Blur.js?

Failed to load resource: the server responded with a status of 404 (Not Found) https://localhost:44300/none 

Я понимаю, что что-то делать с cacheKeyPrefix: 'blurjs-', //Prefix to the keyname in the localStorage object. Даже если я исключу это, я все равно получаю ту же ошибку. Я бы предположил, на какой объект это указать? Документация по ссылке ограничена. Пожалуйста, если вы использовали Blur.js, помогите мне.

$('.target').blurjs({ 
    source: 'body',   //Background to blur 
    radius: 5,   //Blur Radius 
    overlay: '',   //Overlay Color, follow CSS3's rgba() syntax 
    offset: {   //Pixel offset of background-position 
     x: 0, 
     y: 0 
    }, 
    optClass: '',   //Class to add to all affected elements 
    cache: false,   //If set to true, blurred image will be cached and used in the future. If image is in cache already, it will be used. 
    cacheKeyPrefix: 'blurjs-', //Prefix to the keyname in the localStorage object 
    draggable: false  //Only used if jQuery UI is present. Will change background-position to fixed 
}); 
+0

Почему вы думаете, что он должен делать с этой переменной? –

+0

Скорее всего потому, что вы включили неправильный путь для своего файла и его нельзя загрузить – Felix

+0

@PaoloCasciello Я использую свернутый скрипт Blur.js. Просто найдите точную строку с полным скриптом. но в скрипте минимизации ошибка указана на строку кода, которая имеет отношение к 'CacheKeyPrefix' –

ответ

1

Хорошо, я решил проблему. Переменная source должна выбрать любой элемент, у которого есть изображение, которое вы хотите размыть.

Так что, если у меня есть DIV как

<div class="blurry"> 
<div class="blurrys-kids"><div> 
</div> 
<style> 
.blurry { 
background: url('../Images/BlurryHasBadKids.jpg');// Important for blurry to have a Background Image 
} 
</style> 

Тогда вы должны использовать Blur.js в

$('.blurrys-kids').blurjs({ 
    source: '.blurry', 
    overlay: 'rgba(255,255,255,0.33)', 
    radius: 10 
}); 
Смежные вопросы