Member 13552519 Ответов: 1

Успешно добавляйте картинки

Я новичок в программировании. Я не могу понять, почему эти изображения не будут загружаться на веб-страницу. Я убедился, что они перечислены так же, как они сохранены.

Что я уже пробовал:



<название>Поиск автомобиля



Выберите автомобиль

 
Нажмите для поиска!











var carID=[0,1,2,3,4];

имена var=[
"Мерседес",
"Фольксваген",
"Тойота",
"Субару",
"Ауди"
];

var colors=[
"темно синий",
"Малиновый",
"Леденец Зеленый",
"Закат Желтый",
"кровавый"
];

var price=[
"200 000 долларов",
"40 000 долларов",
"10 000 долларов",
- 25 000 долларов.",
"150 000 долларов"
];
var изображения=[
"mercedes.jpg",
"Фольксваген.вебп",
"toyota.jpg",
"subaru.jpg",
"audi.jpg"
];
var selection=document.getElementById("автомобили");
//динамическое заполнение выпадающего списка
for (var i = 0; i &lt; имена.длина; i++) {
var option=document.createElement("опция");
option.setAttribute("id",carID[i]);
option.setAttribute("значение",имена[i]);
option.innerHTML=имена[i];
selection.appendChild(опция);
};

document.getElementById("search-car-btn").onclick=функция(e){
var select=document.getElementById("автомобили");
вариант вара=выбор.опции[выбрать.свойства selectedIndex];

var id=option.getAttribute("id");

документ.метода getElementById("автомобиле-имя").innerHTML будет=имена[выбор.идентификатор];
документ.метода getElementById("авто-цвет").innerHTML будет=цветы[вариант.идентификатор];
документ.метода getElementById("авто-прайс").innerHTML будет=цена[вариант.идентификатор];
документ.метода getElementById("авто-имидж").метод setAttribute("РКЦ","образы/"+картинки[вариант.идентификатор]);
}

1 Ответов

Рейтинг:
1

Afzaal Ahmad Zeeshan

Вы не следуете за тренировкой я полагаю, 

var images=[
"mercedes.jpg",
"volkswagen.webp",
"toyota.jpg",
"subaru.jpg",
"audi.jpg"
];
Это не значит, что они доступны на автомате. Чтобы убедиться, что они загружаются, вам нужно поместить их в каталог "images", который является подкаталогом каталога, в котором находится ваш HTML-файл. 

/
|- index.html
|- images/
   |- mercedes.jpg
   |- volkswagen.webp
// so on

Именно так и должно быть, иначе релевантность нарушится и вы не сможете показать изображения.

Еще одна вещь, когда это когда-либо произойдет, просто щелкните правой кнопкой мыши и откройте ресурс на новой странице. Это показывает URL-адрес, который строится во время выполнения. Этот URL-адрес может дать вам представление о том, где браузер ищет ресурс. Таким образом, вы можете изменить и нацелить его на то место, где на самом деле находятся ваши ресурсы.

Member 13552519

Итак, я понимаю, как он должен быть настроен, но с чего должен начинаться и заканчиваться код? эти порезы?

Afzaal Ahmad Zeeshan

Да, косые черты обозначают корень (/images/myphoto.png), то есть папку изображений в корневом каталоге и изображение myphoto.png, которое будет отрисовано. В основном, ~/ также используется, но это совершенно спорно.

Member 13552519

когда я добавил Это, остальная часть моего контента, связанного с кнопкой, не работала... Мне кажется, я делаю что-то не так.. :/