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?

  1. Ich verwende standardmäßig Daten URIs für Bilder für Bilder
  2. Wenn der Browser IE6/7 ist, zeigt es das Bild (nicht als Daten, aber das tatsächliche Bild) mit JavaScript an
  3. 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?

War es hilfreich?

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
scroll top