Загрузка изображений через JavaScript на фронтенде

20 апр. 2012 г., 19:59:02
Просмотры: 941
Голосов: 0

Я получаю ошибки 404 при попытке загрузить изображения в создаваемом мной плагине.

Я разрабатываю плагин, который использует JavaScript и изображения (например, иконку закрытия и индикатор прогресса), которые должны загружаться на фронтенде. Я нашел правильный способ подключения jQuery, а затем правильный способ регистрации и подключения своего jQuery-скрипта. Единственная проблема в том, что jQuery нужно загружать изображения, такие как иконка закрытия и индикатор прогресса. Мне сказали, что нельзя полагаться на относительные пути в различных конфигурациях блогов, а также что нельзя просто помещать изображение в ту же директорию, что и скрипт. Все попытки загрузить эти изображения терпят неудачу — я получаю ошибки 404, потому что WordPress неправильно определяет пути.

Конечно, я могу указать что-то вроде...

jQuery('#test').css('background','transparent url(wp-content/plugins/myplugin/closer.png) 0 0 no-repeat');

...но путь wp-content/plugins/myplugin/closer.png ненадежен из-за различных способов настройки блогов.

Каков правильный способ загрузки этих изображений через jQuery на фронтенде без ошибок 404 и без жесткого указания пути? Есть ли в WordPress какая-то глобальная константа пути, которая автоматически становится доступной в jQuery и которую я могу использовать?

0
Все ответы на вопрос 1
0

Ответ заключается в использовании wp_register_style() и wp_enqueue_style() перед wp_register_script() и wp_enqueue_script(), чтобы можно было использовать относительные пути к изображениям относительно CSS-файла. Затем я переношу url() из jQuery в CSS-файл с этим относительным путем.

20 апр. 2012 г. 20:05:18