Question

我正在尝试使用Pixastic js library编辑图像，以便在用户移动JqueryUI滑块时图像自动模糊到某个值。我已经使用滑块来使用此coffeescript来调整图像的不透明度CSS值：

#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”并且无法移动（但是如果我注释掉{ {1}}代码，它会再次正常移动。）

这是我的代码问题还是我使用Pixastic库的问题？

Answer 1

因为你正在使用jcery版本的Pixastic库。如果您在没有jquery插件的情况下下载Pixastic库，那么之前的代码应该可以正常工作。

Answer 2

好的，我在另一个问题上找到了答案Pixastic Blur not working - variable issue?

代码在更改为：

时有效

$('.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调用工作正常。

使用滑块和Pixastic库进行图像编辑

2 个答案: