Detectar soporte de SVG y sustituir por imagen como fallback
Esta función comprueba el soporte del navegador para SVGs, y sustituye los srcs de nuestras imágenes con svgs por otra imagen (jpg, gif, png) soportada por el navegador. La función es esta:
1 2 3 4 5 6 7 |
function checkForSVG(){ if(!document.implementation.hasFeature("http://www.w3.org/TR/SVG11/feature#Image", "1.1")){ $("img[src$='.svg']").each(function(){ $(this).attr("src", $(this).attr('fallback')); }) } } |
Para utilizarla tenemos que tener un atributo llamado «fallback» en nuestros imgs, con la ruta de la imagen alternativa:
1 |
<img fallback="logo.png" src="logo.svg"> |