Search code examples
javascriptjquerypixastic

How to revert the pixastic effect?


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

I got this pixastic script working, now I need to revert the effects on rollover. I don't really know how to do that though. The link is here if you want to take a look, http://mentor.com.tr/wp/?page_id=218


Solution

  • jQuery(".attachment-thumbnail").live({
      mouseenter: function() {       
         Pixastic.revert(this);
    
      },
      mouseleave: function() {
        jQuery(this).pixastic("desaturate");
      }
    });
    

    Note that sepia won't do anything combined with desaturate

    The plugin is not very well documented, so in the future I suggest taking a look into the source code, in this example line 403 shows

    revert : function(img) {