0

ユーザーがJqueryUIスライダーを動かしたときに画像が特定の値に自動的にぼやけるように、 Pixastic jsライブラリを使用して画像を編集しようとしています。この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})

Pixastic.process($("#img_16"), "blurfast", { amount: ui.value})このコードの奇妙な点は、スライダーが「フリーズ」することです。ページをロードすると、スライダーはデフォルト値の「0.5」のままで移動できません (ただし、コードをコメントアウトすると移動します)。通常は再び）。

これは私のコードの問題ですか、それとも Pixastic ライブラリの使用方法の問題ですか?

4

2 に答える 2

1

Pixastic ライブラリの jquery バージョンを使用しているためです。jquery プラグインなしで Pixastic ライブラリをダウンロードすると、前のコードは正常に動作するはずです。

于 2013-01-29T17:30:39.293 に答える
0

さて、 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 呼び出しが正常に機能しました。

于 2012-11-02T03:54:38.667 に答える