jquery.webpalt.js

/*! modernizr 3.6.0 (Custom Build) | MIT *
 * https://modernizr.com/download/?-webp-setclasses !*/
!function(e,n,A){function o(e,n){return typeof e===n}function t(){var e,n,A,t,a,i,l;for(var f in r)if(r.hasOwnProperty(f)){if(e=[],n=r[f],n.name&&(e.push(n.name.toLowerCase()),n.options&&n.options.aliases&&n.options.aliases.length))for(A=0;A<n.options.aliases.length;A++)e.push(n.options.aliases[A].toLowerCase());for(t=o(n.fn,"function")?n.fn():n.fn,a=0;a<e.length;a++)i=e[a],l=i.split("."),1===l.length?Modernizr[l[0]]=t:(!Modernizr[l[0]]||Modernizr[l[0]]instanceof Boolean||(Modernizr[l[0]]=new Boolean(Modernizr[l[0]])),Modernizr[l[0]][l[1]]=t),s.push((t?"":"no-")+l.join("-"))}}function a(e){var n=u.className,A=Modernizr._config.classPrefix||"";if(c&&(n=n.baseVal),Modernizr._config.enableJSClass){var o=new RegExp("(^|\\s)"+A+"no-js(\\s|$)");n=n.replace(o,"$1"+A+"js$2")}Modernizr._config.enableClasses&&(n+=" "+A+e.join(" "+A),c?u.className.baseVal=n:u.className=n)}function i(e,n){if("object"==typeof e)for(var A in e)f(e,A)&&i(A,e[A]);else{e=e.toLowerCase();var o=e.split("."),t=Modernizr[o[0]];if(2==o.length&&(t=t[o[1]]),"undefined"!=typeof t)return Modernizr;n="function"==typeof n?n():n,1==o.length?Modernizr[o[0]]=n:(!Modernizr[o[0]]||Modernizr[o[0]]instanceof Boolean||(Modernizr[o[0]]=new Boolean(Modernizr[o[0]])),Modernizr[o[0]][o[1]]=n),a([(n&&0!=n?"":"no-")+o.join("-")]),Modernizr._trigger(e,n)}return Modernizr}var s=[],r=[],l={_version:"3.6.0",_config:{classPrefix:"",enableClasses:!0,enableJSClass:!0,usePrefixes:!0},_q:[],on:function(e,n){var A=this;setTimeout(function(){n(A[e])},0)},addTest:function(e,n,A){r.push({name:e,fn:n,options:A})},addAsyncTest:function(e){r.push({name:null,fn:e})}},Modernizr=function(){};Modernizr.prototype=l,Modernizr=new Modernizr;var f,u=n.documentElement,c="svg"===u.nodeName.toLowerCase();!function(){var e={}.hasOwnProperty;f=o(e,"undefined")||o(e.call,"undefined")?function(e,n){return n in e&&o(e.constructor.prototype[n],"undefined")}:function(n,A){return e.call(n,A)}}(),l._l={},l.on=function(e,n){this._l[e]||(this._l[e]=[]),this._l[e].push(n),Modernizr.hasOwnProperty(e)&&setTimeout(function(){Modernizr._trigger(e,Modernizr[e])},0)},l._trigger=function(e,n){if(this._l[e]){var A=this._l[e];setTimeout(function(){var e,o;for(e=0;e<A.length;e++)(o=A[e])(n)},0),delete this._l[e]}},Modernizr._q.push(function(){l.addTest=i}),Modernizr.addAsyncTest(function(){function e(e,n,A){function o(n){var o=n&&"load"===n.type?1==t.width:!1,a="webp"===e;i(e,a&&o?new Boolean(o):o),A&&A(n)}var t=new Image;t.onerror=o,t.onload=o,t.src=n}var n=[{uri:"data:image/webp;base64,UklGRiQAAABXRUJQVlA4IBgAAAAwAQCdASoBAAEAAwA0JaQAA3AA/vuUAAA=",name:"webp"},{uri:"data:image/webp;base64,UklGRkoAAABXRUJQVlA4WAoAAAAQAAAAAAAAAAAAQUxQSAwAAAABBxAR/Q9ERP8DAABWUDggGAAAADABAJ0BKgEAAQADADQlpAADcAD++/1QAA==",name:"webp.alpha"},{uri:"data:image/webp;base64,UklGRlIAAABXRUJQVlA4WAoAAAASAAAAAAAAAAAAQU5JTQYAAAD/////AABBTk1GJgAAAAAAAAAAAAAAAAAAAGQAAABWUDhMDQAAAC8AAAAQBxAREYiI/gcA",name:"webp.animation"},{uri:"data:image/webp;base64,UklGRh4AAABXRUJQVlA4TBEAAAAvAAAAAAfQ//73v/+BiOh/AAA=",name:"webp.lossless"}],A=n.shift();e(A.name,A.uri,function(A){if(A&&"load"===A.type)for(var o=0;o<n.length;o++)e(n[o].name,n[o].uri)})}),t(),a(s),delete l.addTest,delete l.addAsyncTest;for(var p=0;p<Modernizr._q.length;p++)Modernizr._q[p]();e.Modernizr=Modernizr}(window,document);

/*! WebpAlt 0.1-beta | MIT *
 * https://github.com/usedigital/webpalt !*/
(function ( $ ) {
    "use strict";

    $.fn.WebpAlt = function( options ) {

        var $plugin = this;

        var settings = $.extend({
            altExtension: ".png",           //  Usado caso não definido o altSrcData
            altSrcData: "altsrc",           //  data-'altSrcData'
            defaultSrcAttr: "src",          //  Use data-src no caso de LazyLoad
            afterItem : function(item){
                //Carregue seu LazyLoad Aqui!
            },
            afterAll : function(itens){
                //Carregue seu LazyLoad Aqui!
            },
        }, options);

        //Verificar Suporte ao WEBP
        Modernizr.on('webp', function(result) {
            if (result) {
                //console.log("Aceita WEBP");

                if(typeof settings.afterAll === 'function') settings.afterAll($plugin);

            } else {
                //console.log("Não aceita WEBP");
                //Rodar caso não suporte o bendito

                var $loop = $.each($plugin, function(index, item){
                    var self = item,
                        $self = $(self);

                    //Verificar se o altExtension foi definido no data
                    settings.altExtension = $self.data("altext") || settings.altExtension;

                    //Tratar extensão padrão (se necessário)
                    settings.altExtension = settings.altExtension.indexOf(".") === -1 ? "." + settings.altExtension : settings.altExtension;

                    //Verificar se o item usa WebP
                    var itemSrc = $self.attr(settings.defaultSrcAttr);

                    if(typeof itemSrc !== 'undefined' && itemSrc.indexOf(".webp") !== -1){

                        var altSrc = $self.data(settings.altSrcData) || itemSrc.split(".webp").join("") + settings.altExtension;
                        //console.log(altSrc);

                        //Alterar src no item
                        $self.attr(settings.defaultSrcAttr, altSrc);

                        //Rodar Callback do Item
                        if(typeof settings.afterItem === 'function') settings.afterItem($self);
                    }

                });

                $.when($loop).then(function(){
                    //Rodar callback geral
                    if(typeof settings.afterAll === 'function') settings.afterAll($plugin);
                });

            }
        });


        return $plugin;
    };


}( jQuery ));