document.getElementById().getElementsByTagName(img)[0].src = Не работает

У меня есть эти 3 строки кода во внешнем файле javascript

function init(){
document.getElementById("upcoming_event").getElementsByTagName("img")[0].src = "images/fastnet_2013_poster.jpg";
    document.getElementById("club_championship").getElementsByTagName("img")[0].src = "images/club_championship.png";
    document.getElementById("setMembership").getElementsByTagName("img")[0].src = "images/join_our_club.png";
}

document.addEventListener( "DOMContentLoaded" , init , false);

Этот код отлично работает на этом сайте, который я использовал только для его разработки с помощью 000webhosting.

Но сейчас я переместил свой хостинг на хостинг24, чтобы завершить разработку сайта. Когда я загружаю сайт через новый хост (host24), изображения не загружаются.

Я взял эти 3 строки кода и попробовал их в <body onload="init()">, но эта доза также не загружает изображения.

Я знаю, что оба вышеуказанных метода вызываются, так как они отображают window.alert("Display").

Есть ли другой способ сделать это?

(document.getElementById("upcoming_event").getElementsByTagName("img")[0].src = "images/fastnet_2013_poster.jpg";) что я мог бы попробовать и использовать? Или решить мою проблему.


javascript getelementsbytagname getelementbyid
person Alan Mulligan    schedule 13.06.2013    source источник
comment
Можно ссылку на новый код? Трудно сказать, почему это не работает, если мы этого не видим   -  person Matt Berkowitz    schedule 14.06.2013
comment
Какие-нибудь ошибки в консоли?   -  person Teemu    schedule 14.06.2013
comment
У вашего нового хоста та же структура каталогов, что и у вашего старого хоста?   -  person Mike Robinson    schedule 14.06.2013
comment
@MikeRobinson Неверный путь приведет к появлению значка не найденного изображения?   -  person Teemu    schedule 14.06.2013
comment
@Teemu Да, потому что вы назначаете ему местоположение изображения, которого не существует. Изображение не будет найдено.   -  person Mike Robinson    schedule 14.06.2013
comment
Подскажите, пожалуйста, что конкретно происходит, появляются значки image not found или вообще ничего? А консоль...   -  person Teemu    schedule 14.06.2013
comment
вы должны войти в систему, чтобы увидеть сайт, но я могу отправить вам код, если хотите   -  person Alan Mulligan    schedule 14.06.2013

Ответы (2)


arrow_upward
0
arrow_downward

Смена серверов никак не должна влиять на код javascript. Единственное, что приходит на ум, это то, что URL-адреса источников изображений больше не верны из-за переезда.

person Skarlinski    schedule 13.06.2013
comment
Все другие мои изображения работают нормально, кроме трех, которые я пытаюсь установить, как указано выше. - person Alan Mulligan; 14.06.2013
comment
Это может быть проблема с базовым URL-адресом или общедоступным html-каталогом и т. д. В любом случае, это связано с путем, который вы указываете для изображений. - person Skarlinski; 14.06.2013
comment
Запустите код в консоли (в инструментах разработчика или firebug) и посмотрите, находит ли он изображения или возвращает ошибку. Если он не может найти изображения, проверьте URL-адрес вручную и посмотрите, что к чему. - person Skarlinski; 14.06.2013

arrow_upward
-2
arrow_downward

Сначала вы можете использовать jQuery, чтобы сделать это более простым способом, например:

$('#upcoming_event').find('img')[0].src = "url";

or

$('#imgid').attr('src', 'xpto.jpg');

Во-вторых, кажется, что код работает... Я думаю, что проблема может быть в URL-адресах IMG. Проверьте, находятся ли изображения в правильной папке или указан правильный путь.

person Jóni Lourenço    schedule 13.06.2013
comment
путь изображения в порядке, если я установил его ‹div id=upcoming_event›‹a href=›‹img src=images/fastnet_2013_poster.jpg alt=Next Event/›‹/a› - person Alan Mulligan; 14.06.2013