Frage
Was ist eine zuverlässige Art zu verwenden? Daten URIS für Bilder? Ich weiß, dass IE6/7 sie nicht unterstützt, also wird diese Arbeit?
- Ich verwende standardmäßig Daten URIs für Bilder für Bilder
- Wenn der Browser IE6/7 ist, zeigt es das Bild (nicht als Daten, aber das tatsächliche Bild) mit JavaScript an
- Fügen Sie das Bild (nicht als Daten) in ein
<noscript>
.
Meine Frage ist: Wird das Bild eingereichert? <noscript>
Auch wenn der Browser JavaScript und Data URIs unterstützt?
Lösung
Wenn Sie diese Straße hinuntergehen möchten (und ich persönlich würde sich nicht darum kümmern), Sie, Sie könnte Tu es...
// 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;
}
}
Lizenziert unter: CC-BY-SA mit Zuschreibung
Nicht verbunden mit StackOverflow