如何恢复像素效果？答案

【问题标题】：How to revert the pixastic effect?如何恢复像素效果？
【发布时间】：2025-12-09 23:00:02
【问题描述】：

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

我得到了这个 pixastic 脚本，现在我需要恢复翻转效果。我真的不知道该怎么做。想看的链接在这里，http://mentor.com.tr/wp/?page_id=218

【问题讨论】：

标签： javascript jquery pixastic

【解决方案1】：

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

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

请注意，sepia 不会与 desaturate 组合执行任何操作

插件没有很好的文档记录，所以我建议以后看看源代码，在这个例子中line 403显示

revert : function(img) {

【讨论】：

我认为我需要一个 .mouseout 函数？它对我不起作用。
我想我不够清楚。默认情况下它们应该是去饱和的，当用户将鼠标悬停在它们上面时它们会恢复，我的意思是它们会再次恢复饱和。但这只发生在光标在图像上时。
@Talha 你的意思是让它们饱和，它们不应该回到去饱和状态吗？在这种情况下，只需删除 , mouseleave: function() {..}
@Talha BTW 在这个网站上，你应该展示你以前的尝试，不要指望别人为你工作，只是帮助。
不，现在它的作用与我的目标完全相反。最初，图像必须通过 pixastic 去饱和。当我将鼠标悬停在图像上时，该图像必须饱和，并且在推出时它们应该回到去饱和状态。

【解决方案2】：

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

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

【讨论】：

【解决方案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]);

    });
});

【讨论】：