Question
Qu'est-ce qu'un moyen fiable d'utiliser les URIs de données pour les images? Je sais que IE6 / 7 ne les supporte pas, donc cela fonctionnera?
- J'utilise des données URIs pour les images par défaut
- Si le navigateur est IE6 / 7, il montre l'image (pas de données, mais l'image réelle) en utilisant javascript
- inclure l'image (et non en tant que données) dans
<noscript>
.
Ma question est: l'image est récupérée dans <noscript>
même si les supports navigateur javascript et les données URIs
La solution
Si vous voulez aller dans cette voie (et je ne contrarient pas personnellement), vous peut le faire ...
// Parse user agent and figure out if this browser supports data
// URIs - e.g. `supportDataUri()`. Also, store the image path
// somewhere - I'll assume for convenience an attribute called `data-image-src`
if ( ! supportDataUri()) {
var images = document.getElementsByTagName('img');
for (var i = 0, imagesLength = images.length; i < imagesLength; i++) {
var imgSrc = images[i].getAttribute('data-image-src');
images[i].src = imgSrc;
}
}
Licencié sous: CC-BY-SA avec attribution
Non affilié à StackOverflow