Cum se încarcă imagini din JavaScript în partea de front-end
Am întâmpinat niște erori 404 la căile de acces ale imaginilor în acest plugin pe care îl construiesc.
Încerc să construiesc un plugin care are niște JavaScript și imagini (cum ar fi o pictogramă de închidere și o bară de progres) pe care vreau să le încărc în partea de frontend. Am găsit tehnica corectă pentru a încărca jQuery, apoi tehnica corectă pentru a înregistra și încărca scriptul meu jQuery pe care l-am creat. Singura problemă este că jQuery trebuie să încarce o imagine precum o pictogramă de închidere și o bară de progres. Mi s-a spus că nu pot conta pe căi relative în diverse situații de blog, și de asemenea să pun imaginea în același director cu scriptul. Totul eșuează la încărcarea acelor imagini -- primesc erori 404 pentru că WordPress obține căile greșit.
Bineînțeles, pot specifica ceva de genul...
jQuery('#test').css('background','transparent url(wp-content/plugins/myplugin/closer.png) 0 0 no-repeat');
...dar calea wp-content/plugins/myplugin/closer.png este nesigură în anumite moduri în care oamenii își configurează blogurile.
Care este tehnica pentru a obține ca componenta mea jQuery de frontend să încarce aceste imagini fără erori 404 și fără a hard-coda o cale? Adică, WordPress injectează automat un fel de constantă globală de cale în jQuery pe care să o pot prelua și folosi?

Răspunsul este să folosești wp_register_style() și wp_enqueue_style() înainte de a folosi wp_register_script() și wp_enqueue_script(), astfel încât să poți utiliza căi relative ale imaginilor către fișierul CSS. Apoi mută elementele url() din jQuery în fișierul CSS folosind această cale relativă.
