1

私の質問はかなり基本的なものですが、見つけることができません。

私のウェブサイトに表示する画像のかなり大きなライブラリがあるので、フォルダーをスキャンし、画像のソースを収集し、それらを背景画像として適切な場所に配置する jQuery スクリプトを作成しました。それは完璧に機能します。

2 番目のステップは、その上に画像のコピーを追加し、Pixastic ライブラリで処理することです。以下に示すコードで試しました：

function blurBackground() {
$wrapper2.prepend('<img class="blur" src="'+$sourceImage+'" />'); // great, a copy of the image is set!
    $('.blur').load(function() {    // execute on load
        $('.blur').pixastic("blur").css('border','10px solid red'); // failed to process with pixastic, succeded to edit css
    });
}

マークアップに既存のものがある<img src="something.jpg" class="blur" />場合、関数を削除してそのコードのみを使用しても、すべてが完璧に機能します。

function blurBackground() {
 $('.blur').pixastic("blur");
}

問題は、先頭または末尾に追加された画像を処理できないことです。

何が間違っているのかわかりません。$sourceImage は 100% 正しく、画像は常に関数の実行前にキャッシュされます。

4

1 に答える 1

0

イベントハンドラー内のthisクラスでこの特定の画像を実行する必要があるように思えます。.blur.load

$('.blur').load(function() {   
    $(this).pixastic("blur").css('border','10px solid red');
});
于 2011-08-26T08:54:46.990 に答える