Caricamento di Immagini da Javascript sul Front End
Sto riscontrando alcuni errori 404 sui percorsi delle immagini in questo plugin che sto sviluppando.
Sto cercando di creare un plugin che include alcuni script JavaScript e immagini (come un'icona di chiusura e una barra di progresso) che desidero caricare sul frontend. Ho trovato la tecnica corretta per accodare jQuery, e poi la tecnica appropriata per registrare e accodare il mio script jQuery. L'unico problema è che jQuery deve caricare immagini come un'icona di chiusura e una barra di progresso. Mi è stato detto che non posso fare affidamento su percorsi relativi in varie configurazioni di blog, e anche mettere l'immagine nella stessa directory dello script. Tutto fallisce nel caricare quelle immagini -- ricevo errori 404 perché WordPress interpreta male i percorsi.
Certo, potrei specificare qualcosa come...
jQuery('#test').css('background','transparent url(wp-content/plugins/myplugin/closer.png) 0 0 no-repeat');
...ma il percorso wp-content/plugins/myplugin/closer.png è inaffidabile per come alcune persone configurano i loro blog.
Qual è la tecnica per far sì che il mio componente jQuery sul frontend carichi queste immagini senza errori 404 e senza hardcodare un percorso? Intendo, WordPress inietta automaticamente qualche costante globale di percorso in jQuery che posso utilizzare?

La soluzione è utilizzare wp_register_style() e wp_enqueue_style() prima di usare wp_register_script() e wp_enqueue_script() in modo da poter utilizzare percorsi relativi alle immagini dal file CSS. Successivamente sposto i riferimenti url() da jQuery nel file CSS utilizzando questo percorso relativo.
