Question

<script type="text/javascript">
$(function() { 
jQuery(".attachment-thumbnail")
.pixastic("desaturate")
.pixastic("sepia")
});
</script>

我让这个pixastic脚本工作，现在我需要还原翻转效果。我不知道该怎么做。如果您想查看http://mentor.com.tr/wp/?page_id=218

，此链接就在此处

Answer 1

jQuery(".attachment-thumbnail").live({
  mouseenter: function() {       
     Pixastic.revert(this);

  },
  mouseleave: function() {
    jQuery(this).pixastic("desaturate");
  }
});

请注意，sepia不会与desaturate

结合使用

该插件的文档记录不完善，因此将来我建议您查看源代码，在此示例中line 403显示

revert : function(img) {

Answer 2

$(window).load(function () {
    $(".thumb").pixastic('desaturate');
    $(".thumb").live({
        mouseenter: function() {
            Pixastic.revert(this);

        },
        mouseleave: function() {
            $(this).pixastic("desaturate");
        }
    });
})

Answer 3

大家好，如果您直接在图像上设置悬停事件，上面所说的一切都很有效。在我的情况下，如果我将鼠标悬停在图像容器（其中包含其他div，而不仅仅是图像）上，我希望图像模糊。

这是我的代码，以防其他人处理类似的事情：

$(function () {

    $('.col1.w1').mouseenter(function () {

        var origImg = ($(this).find('.imageUrl'));
        if (origImg.is('img')) {
            Pixastic.process(origImg[0], 'blurfast', { amount: 2 });
        }

    });
    $('.col1.w1').mouseout(function () {
        var origImg = ($(this).find('.imageUrl'));
        Pixastic.revert($(this).find('.imageUrl')[0]);

    });
});

如何恢复像素化效果？

3 个答案: