私は、picturefill.js プロジェクトがこれらのデバイスで正しく動作しないため、Android 2.3 携帯電話と IE8/9 でのみ読み込む必要がある複数の画像を含む 1 ページのドキュメントを持っています。
ピクチャフィル コードのインスタンスの 1 つで、このスクリプトを 1 回使用することに成功しています。
var ua = navigator.userAgent.toLowerCase();
var isAndroid = ua.indexOf("android") > -1; //&& ua.indexOf("mobile");
if(isAndroid) {
// Do something!
document.getElementById('theimage').innerHTML = '<img src="http://placehold.it/200x200">;
}
ページでさらに数回使用する必要がありますが、上記の正確なコードを複数回貼り付けると問題が発生します。
上記を、一意の画像のインスタンスごとに異なる画像を呼び出すために呼び出すことができる関数に変える方法はありますか? 上記のスクリプトを使用して、ページ全体で少なくとも 6 つの一意の画像を呼び出す必要があります。