Проблема при выводе изображения.

[BuT]

Всем привет. У меня такая проблема. При работе кода, вместо вывода картинки на страницу, у меня появляется белый экран с этой картинкой.

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('картинка не существует')};

Помогите решить вопрос . Заранее спасибо!

[ruslan_mart]

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

[BuT]

Нет, теперь картинка не показывается.

[ruslan_mart]

BuT, киньте весь код.

[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>

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

[dmitriymar]

img.onload = function(){document.write("<img src='/users/photo/"+b+"/"+a+"_1s.jpeg'>");};

Да сколько ж можно мусолить тему, что document.write после загрузки страницы использовать нельзя - убивает всё . где вы только такие скрипты выдираете из раза в раз?

http://javascript.ru/tutorial/events/timing

20 var img = new Image();

10 var img = new Image();

05 var img = new Image();

и по вашему она 3 раза не переопределяться? и чисто случайно , отменяться все правила и чудесным образом отразится 3 картинки вместо одной?

Судя по вашему сообщению, вы ну совсем не знаете javascript.

Освойте основы языка и вопрос отпадет сам, полностью или частично.
А с чем не справитесь - поможем.

На сайте javascript можно начать изучать с учебника, раздел Основы javascript.
Возможно, вам также понадобится HTML - учебник есть, например, здесь: http://ru.html.net/tutorials/html/

Задавайте конкретные вопросы по ходу дела.

[ruslan_mart]

<div id="image"></div>

<script type="text/javascript">
(function() {
   var a = '[legko.username]', b = a.charAt(0), c = ['gif', 'jpg', 'jpeg', 'png'], d = [];
   for(var i=0; i<c.length; i++) {
      d[i] = new Image();
      d[i].alt = '';
      d[i].src = '/users/photo/'+b+'/'+a+'_1s.'+c[i];
      d[i].onload = function() {
         document.getElementById('image').appendChild(this);
      }
   }
})();
</script>

Попробуйте так.

[BuT]

Да сколько ж можно мусолить тему, что document.write после загрузки страницы использовать нельзя - убивает всё . где вы только такие скрипты выдираете из раза в раз?

Я правда не знал

А по поводу вывода этих картинок. Вы вдимо меня не поняли. Мне не нужны 3 картинки, мне нужна одна. Понимаете, когда на сайт загружают картинку, я этим скриптом вывожу ее на страницу. Т.е. это вывод аватарки пользователя. Но расширение аватарки может быть либо png, jpg, gif, jpeg. И мне нужно учесть эти варианты. Но в итоге, изображение может быть только одно, а три остальных не будет. Это вызывает проблему отображения, поскольку вместо изображений, будут пустые квадраты. Я решил сделать функцию проверки существования изображения. Если оно есть, то оно покажеться на странице, если нет, то ничего не будет. Но поскольку мой вариант не работал(спасибо за пояснение почему), то я решил узнать у умных людей.
P.s.И да, я почти не знаю javascript, только delphi.

[BuT]

Спасибо, обязательно попробую.

[BuT]

Огромное спасибо Руслан! Все работает!