🚀 go-pugleaf

Witam,

Testuję sobie taki sprytny skrypcik znaleziony w sieci, który w przypadku 
rozpoznania iPada z wyświetlaczem retina podmienia wszystkie obrazki na stronie 
na wersje w wyższej rozdzielczości (o ile są na serwerze i mają nazwę zgodną ze 
schematem: obraznormalny.jpg --> obraznormalnyretina.jpg).

Problem tylko w tym, że jeśli takowego pliku (z dopiskiem "retina" w nazwie) nie 
ma, to nazwa źródła obrazka nadal jest zmieniana, co się kończy brakiem obrazka 
na ekranie i wyświetleniem w tym miejscu tekstu z tagu ALT.

Jak zmienić poniższy skrypt, aby robił to co robi TYLKO pod warunkiem, że plik 
hi-res o oczekwianej nazwie faktycznie istnieje, a w przeciwnym wypadku 
pozostawiał taki obrazek, jaki był pierwotnie w spokoju?

<script type="text/javascript">
$(document).ready(function()
{
var pixelRatio = window.devicePixelRatio ? window.devicePixelRatio : 1;
images = document.getElementsByTagName("img"),
num = images.length;
if (navigator.userAgent.indexOf('iPad') >= 0 && pixelRatio >= 2 )
{
for(i=0;i<=num-1;i++)
   {
    var temp = images[i].attributes['src'].value,
    src = temp.substr(0,temp.lastIndexOf('.')) + 'retina' + 
temp.substr(temp.lastIndexOf('.'));
    images[i].src = src;
    }
 }
});
</script>

Dziękuję,

latet