Estou usando esse script para verificar o suporte a imagens webp
mas estou tendo problemas ao definir o tipo, eis o código que faz a verificação:
hasWebP = (function() {
var images = {
basic: "data:image/webp;base64,UklGRjIAAABXRUJQVlA4ICYAAACyAgCdASoCAAEALmk0mk0iIiIiIgBoSygABc6zbAAA/v56QAAAAA==",
lossless: "data:image/webp;base64,UklGRh4AAABXRUJQVlA4TBEAAAAvAQAAAAfQ//73v/+BiOh/AAA="
};
return function(feature) {
var deferred = $.Deferred();
$("<img>").on("load", function() {
if(this.width === 2 && this.height === 1) {
deferred.resolve();
} else {
deferred.reject();
}
}).on("error", function() {
deferred.reject();
}).attr("src", images[feature || "basic"]);
return deferred.promise();
}
})();
hasWebP().then(function() {
tipo = "webp";
}, function() {
tipo = "jpg";
});
console.log(tipo);
Mas quando chamo a variável tipo
fora dessa função a mesma é dada como undefined
.
Já tentei criar ela assim window.tipo
mas também não funcionou, como posso resolver esse problema?