Как правильно указать путь к картинкам в js-файле?
Еть сайт с такой структурой:
-img - картинка1.jpg - картинка2.jpg - картинка3.jpg -js - scripts.js - index.html |
-img - картинка1.jpg - картинка2.jpg - картинка3.jpg -js - scripts.js - index.html
Нужно сделать предварительную загрузку изображения.
Для этого использую функцию:
function preloadImages() { for (var i = 0; i < arguments.length; i++) { new Image().src = arguments[i]; } } preloadImages( "./img/картинка1.jpg", "./img/картинка2.jpg", "./img/картинка3.jpg" ); |
function preloadImages() { for (var i = 0; i < arguments.length; i++) { new Image().src = arguments[i]; } } preloadImages( "./img/картинка1.jpg", "./img/картинка2.jpg", "./img/картинка3.jpg" );
Но предзагрузка не выполняется. Как правильно указать путь к картинке?
Дополнительно:
Тут проблема скорее всего не в пути, если у вас консоль не красная от ошибок.
"../img/картинка1.jpg"?
- картинка будет в разметке. и относительный путь будет рассчитываться относительно текущего адреса страницы, а вовсе не от расположения скрипта.
- Сергей delphinpro, я думал над этим, но вопрос был Как правильно указать путь к картинкам в js-файле?. Относительно js файла - путь верен.
лучше всего указывать абсолютный путь от корня сайта
preloadImages( "/img/картинка1.jpg", "/img/картинка2.jpg", "/img/картинка3.jpg" ); |
preloadImages( "/img/картинка1.jpg", "/img/картинка2.jpg", "/img/картинка3.jpg" );
Опишите проблему, и специалист поможет с настройкой, исправлением ошибки или доработкой сайта. Подберём понятный план работ без лишней переписки.
Пока нет других ответов. Будьте первым, кто поможет автору.
Ответить на вопрос
Для указания пути к картинкам в js-файле вам необходимо учитывать, где расположены ваши изображения относительно вашего js-файла. В зависимости от структуры вашего проекта, вы можете использовать различные способы указания пути к картинкам.
Если изображения находятся в том же каталоге, что и ваш js-файл, вы можете просто указать имя изображения:
var imagePath = 'example.jpg';
Если изображения находятся во вложенной папке, вы можете указать путь к ним относительно вашего js-файла, используя "../" для перехода на уровень выше:
var imagePath = '../images/example.jpg';
Если изображения находятся в другой директории, вы можете указать полный путь к изображению от корня вашего веб-сайта:
var imagePath = '/images/example.jpg';
Также вы можете использовать относительные пути от корня вашего веб-сайта, если ваш сайт находится в подкаталоге:
var imagePath = '/yoursubdirectory/images/example.jpg';
Убедитесь, что пути к вашим изображениям указаны правильно и соответствуют фактическому расположению файлов на сервере. После этого вы сможете успешно загружать изображения в вашем js-файле.