03.08.2013, 13:32
|
Интересующийся
|
|
Регистрация: 04.08.2011
Сообщений: 19
|
|
Проблема при выводе изображения.
Всем привет. У меня такая проблема. При работе кода, вместо вывода картинки на страницу, у меня появляется белый экран с этой картинкой.
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('картинка не существует')};
Помогите решить вопрос . Заранее спасибо!
|
|
03.08.2013, 13:44
|
|
Профессор
|
|
Регистрация: 30.04.2012
Сообщений: 3,018
|
|
var img = new Image();
img.src = "/users/photo/"+b+"/"+a+"_1s.jpg";
img.onload = function() {
document.body.appendChild(img);
}
img.onerror = function() {
alert('картинка не существует')};
}
|
|
03.08.2013, 14:11
|
Интересующийся
|
|
Регистрация: 04.08.2011
Сообщений: 19
|
|
Нет, теперь картинка не показывается.
|
|
03.08.2013, 14:23
|
|
Профессор
|
|
Регистрация: 30.04.2012
Сообщений: 3,018
|
|
BuT, киньте весь код.
|
|
03.08.2013, 14:38
|
Интересующийся
|
|
Регистрация: 04.08.2011
Сообщений: 19
|
|
Это первый вариант кода. Но там возникает проблемка, поскольку существует только одно изображение то три остальных, отображаются как пустые квадраты. По этому я пробовал сделать функцию проверки на существование. То есть, если картинка есть, выводим, если нет, то ничего не происходит.
<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>
Но тут картинка появляется на пустой странице. Ваш вариант тоже не работает, картинка не отображается...
|
|
03.08.2013, 15:00
|
х.з
|
|
Регистрация: 21.11.2010
Сообщений: 4,588
|
|
Сообщение от BuT
|
img.onload = function(){document.write("<img src='/users/photo/"+b+"/"+a+"_1s.jpeg'>");};
|
Да сколько ж можно мусолить тему, что document.write после загрузки страницы использовать нельзя - убивает всё . где вы только такие скрипты выдираете из раза в раз?
http://javascript.ru/tutorial/events/timing
Сообщение от BuT
|
20 var img = new Image();
|
Сообщение от BuT
|
10 var img = new Image();
|
Сообщение от BuT
|
05 var img = new Image();
|
и по вашему она 3 раза не переопределяться? и чисто случайно , отменяться все правила и чудесным образом отразится 3 картинки вместо одной?
Судя по вашему сообщению, вы ну совсем не знаете javascript.
Освойте основы языка и вопрос отпадет сам, полностью или частично.
А с чем не справитесь - поможем.
На сайте javascript можно начать изучать с учебника, раздел Основы javascript.
Возможно, вам также понадобится HTML - учебник есть, например, здесь: http://ru.html.net/tutorials/html/
Задавайте конкретные вопросы по ходу дела.
Последний раз редактировалось dmitriymar, 03.08.2013 в 15:36.
|
|
03.08.2013, 15:50
|
|
Профессор
|
|
Регистрация: 30.04.2012
Сообщений: 3,018
|
|
<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>
Попробуйте так.
Последний раз редактировалось ruslan_mart, 03.08.2013 в 17:39.
|
|
03.08.2013, 17:34
|
Интересующийся
|
|
Регистрация: 04.08.2011
Сообщений: 19
|
|
Сообщение от dmitriymar
|
Да сколько ж можно мусолить тему, что document.write после загрузки страницы использовать нельзя - убивает всё . где вы только такие скрипты выдираете из раза в раз?
|
Я правда не знал
А по поводу вывода этих картинок. Вы вдимо меня не поняли. Мне не нужны 3 картинки, мне нужна одна. Понимаете, когда на сайт загружают картинку, я этим скриптом вывожу ее на страницу. Т.е. это вывод аватарки пользователя. Но расширение аватарки может быть либо png, jpg, gif, jpeg. И мне нужно учесть эти варианты. Но в итоге, изображение может быть только одно, а три остальных не будет. Это вызывает проблему отображения, поскольку вместо изображений, будут пустые квадраты. Я решил сделать функцию проверки существования изображения. Если оно есть, то оно покажеться на странице, если нет, то ничего не будет. Но поскольку мой вариант не работал(спасибо за пояснение почему), то я решил узнать у умных людей.
P.s.И да, я почти не знаю javascript, только delphi.
|
|
03.08.2013, 17:35
|
Интересующийся
|
|
Регистрация: 04.08.2011
Сообщений: 19
|
|
Спасибо, обязательно попробую.
|
|
03.08.2013, 17:39
|
Интересующийся
|
|
Регистрация: 04.08.2011
Сообщений: 19
|
|
Огромное спасибо Руслан! Все работает!
|
|
|
|