Caricamento di Immagini da Javascript sul Front End

20 apr 2012, 19:59:02
Visualizzazioni: 941
Voti: 0

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?

0
Tutte le risposte alla domanda 1
0

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.

20 apr 2012 20:05:18