Редактирование изображений с помощью слайдера и библиотеки Pixastic

Question

Я пытаюсь отредактировать изображение с помощью библиотеки Pixastic js, чтобы изображение автоматически размылось до определенного значения, когда пользователь перемещает ползунок JqueryUI. Я уже получил это, чтобы работать с помощью ползунка, чтобы отрегулировать CSS значение непрозрачности изображения с помощью этого coffeescript:

#This works
$('.sliderop').slider
    min: 0
    max: 1
    value: 1
    step: 0.01
    range: "min"
    slide: (event, ui) ->
        $("#img_16").css('opacity', ui.value)

Но когда я пытаюсь сделать в основном то же самое, используя библиотеку Pixastic, ничего не происходит:

#This doesn't
$('.sliderbl').slider
    min: 0
    max: 5
    value: 0.5
    step: 0.1
    range: "min"
    slide: (event, ui) ->
        Pixastic.process($("#img_16"), "blurfast", { amount: ui.value})

Странная вещь с этим кодом состоит в том, что он "замораживает" ползунок - когда я загружаю страницу, ползунок остается застрявшим на значении по умолчанию "0.5" и не может быть перемещен (но если я закомментирую Pixastic.process($("#img_16"), "blurfast", { amount: ui.value}) код, он снова движется нормально).

Это проблема с моим кодом или с тем, как я использую библиотеку Pixastic?

Answer 1

Потому что вы используете jquery версию библиотеки Pixastic. Если вы загружаете библиотеку Pixastic без плагинов jquery, предыдущий код должен работать нормально.

Answer 2

Хорошо, я нашел ответ на другой вопрос. Pixastic Blur не работает - переменная проблема?

Код работает при изменении на:

$('.sliderbl').slider
    min: 0
    max: 5
    value: 0.5
    step: 0.1
    range: "min"
    slide: (event, ui) ->
        $("#img_16").pixastic("blurfast", {amount:ui.value})

Тем не менее, мне любопытно, почему это работает, а другой код - нет. На другой странице (без использования ползунка) этот вызов Pixastic работал нормально.