Cómo cargar imágenes desde Javascript en el front-end

Estoy recibiendo algunos errores 404 en las rutas de imágenes en este plugin que estoy desarrollando.

Estoy intentando construir un plugin que tiene algo de JavaScript e imágenes (como un icono de cerrar y una barra de progreso) que quiero cargar en el frontend. Encontré la técnica adecuada para encolar jQuery, y luego la técnica correcta para registrar y encolar mi script jQuery que creé. El único problema es que el jQuery necesita cargar una imagen como un icono de cerrar y una barra de progreso. Me han dicho que no puedo depender de rutas relativas en varias situaciones de blogs, y también poner la imagen en el mismo directorio que el script. Todo falla al cargar esas imágenes - obtengo 404 porque WordPress obtiene las rutas incorrectas.

Claro, puedo especificar algo como...

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

...pero la ruta wp-content/plugins/myplugin/closer.png no es confiable en algunas formas en que la gente configura sus blogs.

¿Cuál es la técnica para que mi componente jQuery en el front-end cargue estas imágenes sin errores 404 y sin codificar una ruta de forma rígida? Es decir, ¿WordPress inyecta automáticamente algún tipo de constante global de ruta en jQuery que pueda capturar y usar?