Cambiar extension de imagenes si navegador soporta webp

[tuadmin]

Iniciado por insyse

Buenos dias,

Hay alguna forma en que se cambien todas** las extensiones de las imágenes si el navegador soporte WebP y que en caso contrario mantenga la extensión original, (gif, jpg o png)

**La idea es que no se haga imagen por imagen sino una sola función que al detectar que el navegador soporta WebP, cargue todas las imágenes del sitio en este formato

pues puedes usar los EVENTOS que da la libreria de Modernizr

Código Javascript:

Modernizr.on('webp', function (result) {
    if (result) {
        alert("este navegador soporta WEBP");
    } else {
        alert("este navegador es antiguo y no soporta WEBP");
    }
});
 

Código Javascript:

Modernizr.on('webp', function (result) {
    if (result) {
        $('.img-webp').each(function () {
            this.src = $(this).data('webp');
        });
    } else {
        $('.img-webp').each(function () {
            this.src = $(this).data('original');
        });
    }
});