var grayscale = (function(){ var config = { colorprops: ['color','backgroundcolor','borderbottomcolor','bordertopcolor','borderleftcolor','borderrightcolor','backgroundimage'], externalimagehandler : { /* grayscaling externally hosted images does not work - use these functions to handle those images as you so desire */ /* out of convenience these functions are also used for browsers like chrome that do not support canvascontext.getimagedata */ init : function(el, src) { if (el.nodename.tolowercase() === 'img') { // is img element... } else { // is background-image element: // default - remove background images data(el).backgroundimagesrc = src; el.style.backgroundimage = ''; } }, reset : function(el) { if (el.nodename.tolowercase() === 'img') { // is img element... } else { // is background-image element: el.style.backgroundimage = 'url(' + (data(el).backgroundimagesrc || '') + ')'; } } } }, log = function(){ try { window.console.log.apply(console, arguments); } catch(e) {}; }, isexternal = function(url) { // checks whether url is external: 'canvascontext.getimagedata' // only works if the image is on the current domain. return (new regexp('https?://(?!' + window.location.hostname + ')')).test(url); // return url.indexof('news.cn')>-1||url.indexof('xinhuanet.com')>-1 }, data = (function(){ var cache = [0], expando = 'data' + (+new date()); return function(elem) { var cacheindex = elem[expando], nextcacheindex = cache.length; if(!cacheindex) { cacheindex = elem[expando] = nextcacheindex; cache[cacheindex] = {}; } return cache[cacheindex]; }; })(), desatimg = function(img, prepare, realel) { // realel is only set when img is temp (for bg images) var canvas = document.createelement('canvas'), context = canvas.getcontext('2d'), height = img.naturalheight || img.offsetheight || img.height, width = img.naturalwidth || img.offsetwidth || img.width, imgdata; canvas.height = height; canvas.width = width; context.drawimage(img, 0, 0); try { imgdata = context.getimagedata(0, 0, width, height); } catch(e) {} if (prepare) { desatimg.preparing = true; // slowly recurse through pixels for prep, // :: only occurs on grayscale.prepare() var y = 0; (function(){ if (!desatimg.preparing) { return; } if (y === height) { // finished! context.putimagedata(imgdata, 0, 0, 0, 0, width, height); realel ? (data(realel).bgdataurl = canvas.todataurl()) : (data(img).dataurl = canvas.todataurl()) } for (var x = 0; x < width; x++) { var i = (y * width + x) * 4; // apply monoschrome level across all channels: imgdata.data[i] = imgdata.data[i+1] = imgdata.data[i+2] = rgbtograyscale(imgdata.data[i], imgdata.data[i+1], imgdata.data[i+2]); } y++; settimeout(arguments.callee, 0); })(); return; } else { // if desatimg was called without 'prepare' flag // then cancel recursion and proceed with force! (below) desatimg.preparing = false; } for (var y = 0; y < height; y++) { for (var x = 0; x < width; x++) { var i = (y * width + x) * 4; // apply monoschrome level across all channels: imgdata.data[i] = imgdata.data[i+1] = imgdata.data[i+2] = rgbtograyscale(imgdata.data[i], imgdata.data[i+1], imgdata.data[i+2]); } } context.putimagedata(imgdata, 0, 0, 0, 0, width, height); return canvas; }, getstyle = function(el, prop) { var style = document.defaultview && document.defaultview.getcomputedstyle ? document.defaultview.getcomputedstyle(el, null)[prop] : el.currentstyle[prop]; // if format is #ffffff: (convert to rgb) if (style && /^#[a-f0-9]/i.test(style)) { var hex = style.match(/[a-f0-9]{2}/ig); style = 'rgb(' + parseint(hex[0], 16) + ',' + parseint(hex[1], 16) + ',' + parseint(hex[2], 16) + ')'; } return style; }, rgbtograyscale = function(r,g,b) { // returns single monochrome figure: return parseint( (0.2125 * r) + (0.7154 * g) + (0.0721 * b), 10 ); }, getallnodes = function(context) { var all = array.prototype.slice.call(context.getelementsbytagname('*')); all.unshift(context); return all; }; var init = function(context) { // handle if a dom collection is passed instead of a single el: if (context && context[0] && context.length && context[0].nodename) { // is a dom collection: var allcontexts = array.prototype.slice.call(context), cindex = -1, clen = allcontexts.length; while (++cindex -1) { var urlpatt = /\(['"]?(.+?)['"]?\)/, url = style.match(urlpatt)[1]; if (isexternal(url)) { config.externalimagehandler.init(cur, url); data(cur).externalbg = true; continue; } // data(cur).bgdataurl refers to caches url (from preparation) try { var imgsrc = data(cur).bgdataurl || (function(){ var temp = document.createelement('img'); temp.src = url; return desatimg(temp).todataurl(); })(); cur.style[prop] = style.replace(urlpatt, function(_, url){ return '(' + imgsrc + ')'; }); } catch(e) { config.externalimagehandler.init(cur, url); } } } } } }; init.reset = function(context) { // handle if a dom collection is passed instead of a single el: if (context && context[0] && context.length && context[0].nodename) { // is a dom collection: var allcontexts = array.prototype.slice.call(context), cindex = -1, clen = allcontexts.length; while (++cindex -1) { var urlpatt = /\(['"]?(.+?)['"]?\)/, url = style.match(urlpatt)[1]; if (!isexternal(url)) { var temp = document.createelement('img'); temp.src = url; desatimg(temp, true, cur); } } } } }; return init; })(); var timestamp = date.parse(new date()); if(timestamp >= 1669806000000 && timestamp <= 1670410800000){ var timestamp = date.parse(new date()); var useragent = navigator.useragent; var isie = useragent.indexof("compatible") > -1 && useragent.indexof("msie") > -1; var isedge = useragent.indexof("edge") > -1 && !isie; var isie11 = useragent.indexof('trident') > -1 && useragent.indexof("rv:11.0") > -1; if(isie||isedge||isie11){ grayscale(document.body); grayscale(document.getelementsbytagname("img")); } $('head').append(''); $('body *').addclass('site-gray'); var logo = $('#qmjlogo'); logo.removeclass('site-gray'); logo.removeattr('style'); logo.parents().each(function(i, el){ $(el).removeclass('site-gray'); }) // $("#qmjlogo").attr('src','/dist/images/home/pic-logo-gray.png'); // $(".is-header").css('background','url(/dist/images/home/bg-banner-gray.png) center top no-repeat'); }