Обертка

можно ли упростить или что-то изменить? и является ли данный скрипт кроссбраузерным сейчас?
пример: www.dropbox.com/s/9l21i89ws8f43b2/htmlwrapper.zip


<!DOCTYPE html>
<head>
    <style type=text/css>* {
        margin  :0;
        padding :0
    }
    body {
        background-position :center 0;
        color               :#000;
        font                :italic 24px Georgia, serif;
        text-align          :center;
    }</style>
</head>

<body id="p">
Loading preview...
</body>
        
<script>var u = window.location.pathname;
var f = u.match(/([^\/]+)(?=\.\w+$)/)[0];
f = f.length ? f + '.jpg' : 'index.jpg';
var p = document.getElementById('p');
var a = new Image();
a.onload = function () {
    p.textContent = '';
    p.style.height = this.height + 'px';
    p.style.backgroundImage = 'url(' + f + ')'
};
a.src = f</script>