Vague jQuery Blur-Effekt on hover

[tigtman]

Hallo zusammen,

leider habe ich noch nicht soviel Erfahrung mit jQuery. Ich versuche gerade einen Blur-Effekt nur an dem Element anzuwenden, wo sich die Maus darüber befindet.

Ich habe gelesen, dass es eine Möglichkeit wäre, ", this" hinter die Klasse zusetzen, aber somit funktioniert auch leider der Effekt nicht mehr.

var vague = $(".img-class").Vague({intensity:10});
vague.unblur();
$(".img-class").hover($.proxy(vague.toggleblur,vague));

 

[tigtman]

Es funktioniert jetzt so, aber ich denke, dass es noch nicht ganz richtig ist, da bei mouseenter sowie mouseleave je ein neues SVG gezeichnet wird.

$('.img-blur').mouseenter(
function(){
    var vague = $(this).Vague({intensity:4});
    $($.proxy(vague.toggleblur,vague));
}).mouseleave(
function(){
    var vague = $(this).Vague({intensity:0});
    $($.proxy(vague.toggleblur,vague));
});