Pixastic Blur가 작동하지 않음 - 변수 문제?

Question

그래서 이미지를 흐리게 처리하려면 Pixastic blur fast method을 사용하고 싶습니다. 가 문서에 공급하는 코드는 다음과 같다 :

var img = new Image(); 
img.onload = function() { 
    Pixastic.process(img, "blurfast", {amount:0.5}); 
} 
document.body.appendChild(img); 
img.src = "myimage.jpg"; 

하지만이처럼 내 페이지를하려고하면

$(document).ready(function() { 
    var myImg = new Image(); 
    myImg.onload = function() { 
     Pixastic.process(myImg, "blurfast", {amount:0.5}); 
    } 
    document.body.appendChild(myImg); 
    myImg.src = "../img/theImage.jpg"; 
}); 

을 단순히 아무것도하지 않습니다.

는 또한 또한 어떤 결과없이, 이런 식으로 전화를 시도 :

var img = new Image(); 
$(".div img").load(function(){ 
    Pixastic.process(img, "blurfast", {amount:0.5}); 
}); 
document.body.appendChild(img); 
img.src = "../img/theImage.jpg"; 

그것은 심지어 오류가 발생하지 않습니다!

나는 어떤 일이 일어나고 있는지 이해하려고 노력했다 : img에 새 이미지가 만들어졌다. .div의 이미지가로드되면 Pixastic가 실행되고 새로 생성 된 이미지에 흐림 효과가 추가됩니다. 이제 이미지는 자식으로 적용되고 src 특성을 갖습니다.

내가 알기로, 거기에 몇 가지 논리적 인 오류가 있지만 분명히 알 수는 없습니다. 나는 위의 코드에서 img이 항상 같은 것은 아니라고 생각합니다. 때로는 변수이고 때로는 img 태그의 실제 이미지 여야합니다. 사실입니까? 아니면 당신을 때리는 다른 것이 보이십니까? 왜 작동하지 않는거야?

Answer 1

좋아, 잡았어! 어떤 이유로 jQuery 메서드를 통해 호출해야합니다. 좋아요 :

$(".div img").pixastic("blurfast", {amount:0.5});