Как вернуть пиксельный эффект?

Question

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

У меня работает этот пиксельный скрипт, теперь мне нужно отменить эффекты при опрокидывании.Я действительно не знаю, как это сделать, хотя.Ссылка здесь, если вы хотите посмотреть, 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

Привет, ребята, все вышеперечисленное прекрасно работает, если вы непосредственно устанавливаете парящие события на изображении. В то время как в моей ситуации я хотел, чтобы изображение размылось, если я наведу курсор на контейнер изображения (который также содержит другие элементы 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]);

    });
});

Answer 3

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

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