michaeldank
9/11/2017 - 12:35 AM

Cross browser greyscale effect for buttons. Works on all IE. You will need to put jquery.BlackAndWhite.js and BnWWorker.js in the root of y

Cross browser greyscale effect for buttons. Works on all IE. You will need to put jquery.BlackAndWhite.js and BnWWorker.js in the root of your site. Find the file in G://development/Knips/greyscale/. The img needs to be a direct child of the butFrame.

Greyscale Hover Buttons.js
content_copyfile_download
<script src="jQuery.BlackAndWhite.js"></script>
<script src="BnWWorker.js"></script>

<script>
    $('.butFrame').BlackAndWhite({
       hoverEffect : true, 
       webworkerPath : false,
       invertHoverEffect: true,
       intensity:1,
       speed: {
            fadeIn: 50, 
            fadeOut: 50 
        },
        onImageReady:function(img) {
                    }
    });
</script>