[BuT]

Это первый вариант кода. Но там возникает проблемка, поскольку существует только одно изображение то три остальных, отображаются как пустые квадраты. По этому я пробовал сделать функцию проверки на существование. То есть, если картинка есть, выводим, если нет, то ничего не происходит.

<script language="javascript"/>
var a = "[legko.username]";
var b = a.charAt(0);

document.write("<img src='/users/photo/"+b+"/"+a+"_1s.jpg'>");
document.write("<img src='/users/photo/"+b+"/"+a+"_1s.png'>");
document.write("<img src='/users/photo/"+b+"/"+a+"_1s.gif'>");
document.write("<img src='/users/photo/"+b+"/"+a+"_1s.jpeg'>");

</script>

Вот тот второй вариант

<script language="javascript"/>
var a = "[legko.username]";
var b = a.charAt(0);

var img = new Image();
img.src = "/users/photo/"+b+"/"+a+"_1s.jpg";
img.onload = function(){document.write("<img src='/users/photo/"+b+"/"+a+"_1s.jpg'>");};
img.onerror = function(){alert('картинка не существует')};

var img = new Image();
img.src = "/users/photo/"+b+"/"+a+"_1s.jpg";
img.onload = function(){document.write("<img src='/users/photo/"+b+"/"+a+"_1s.png'>");};
img.onerror = function(){alert('картинка не существует')};

var img = new Image();
img.src = "/users/photo/"+b+"/"+a+"_1s.jpg";
img.onload = function(){document.write("<img src='/users/photo/"+b+"/"+a+"_1s.gif'>");};
img.onerror = function(){alert('картинка не существует')};

var img = new Image();
img.src = "/users/photo/"+b+"/"+a+"_1s.jpg";
img.onload = function(){document.write("<img src='/users/photo/"+b+"/"+a+"_1s.jpeg'>");};
img.onerror = function(){alert('картинка не существует')};

</script>

Но тут картинка появляется на пустой странице. Ваш вариант тоже не работает, картинка не отображается...