This plugin is a tribute to the “Firefox Download Day 2008″.

This plugin helps people moving away from Internet Explorer turning the colors of your website to a grayscaled version (using a property of Explorer itself!).

It was written from an idea of Andy Clarke and a suggest of Simone Parato

DOWNLOAD

/*
 *
 * Black'n'White plugin 1.0
 * $Date: 2008-06-17 15:38:15 +0200 (mar, 17 giu 2008) $
 * $Rev: 177 $
 * @requires jQuery v1.2.6
 *
 * Copyright (c) 2008 Massimiliano Balestrieri
 * Examples and docs at: http://maxb.net/blog/
 * Licensed GPL licenses:
 * http://www.gnu.org/licenses/gpl.html
 *
 */

if(!window.BlacknWhite)
    var BlacknWhite = {};

BlacknWhite = {
    init     : function(options)
    {
        options = jQuery.extend({minor : 7}, options);

       	if(jQuery.browser.msie && jQuery.browser.version < options.minor)
        	jQuery("html").css("filter","gray");
    }
};

jQuery(document).ready(function(){
    BlacknWhite.init();
    //BlacknWhite.init({minor : 8});
});

Grazie alla segnalazione di Simone.

Da oggi questo sito verrà visualizzato in bianco e nero da tutti gli utenti che utilizzano ancora internet explorer 6.

Non ho la forza, ne la voglia di spiegare cosa non vada in ie. In ie6 come in ie7… e tra poco in ie8.

Internet explorer dovrebbe sparire. Ma questi sono sogni…

Per chi volesse aderire alla campagna “bianco e nero su ie” può usare un paio di tecniche.

1) SOLUZIONE CSS PURA

Css (anche se un bel if IE senza troppi maggiori/minori….):

<!--[if lt IE 7]>
<link rel=&quot;stylesheet&quot; href=&quot;ie6.css&quot; type=&quot;text/css&quot; media=&quot;all&quot;></link>
 <![endif]-->

e all’interno del css:

html{filter:gray;}

2) SOLUZIONE JS JQUERY

Js – dopo aver incluso la libreria jQuery, in un tag “script” o in un js incluso inserire la seguente funzione

jQuery(document).ready(function(){
    if(jQuery.browser.msie && jQuery.browser.version < 7)
        jQuery("html").css("filter","gray");
});

3) SOLUZIONE JS PURA

window.onload = function(){if(document.all)document.all.tags('html')[0].style.setAttribute('filter','gray()','false')};