chemin relatif dans le fichier externe de javascript

Question

J'essaye de faire cette image montrant mais je n'ai eu aucun succès.

Si je

$.blockUI.defaults.message = '<img src="../images/blockUI_Loader.gif" />'; 

que je reçois de Fiddler

Si je

$.blockUI.defaults.message = '<img src="../_assets/images/blockUI_Loader.gif" />'; 

que je reçois de Fiddler

Si je

$.blockUI.defaults.message = '<img src="~/_assets/images/blockUI_Loader.gif" />'; 

que je reçois de Fiddler

Ma structure de dossier est le suivant

le fichier js est dans le js dossier.

Answer 1

Une solution alternative est d'appliquer des classes à vos éléments via JavaScript et définir une image de fond en utilisant CSS.

Relatif url Les chemins d'accès en CSS sont toujours relatifs au fichier de feuille de style, ce qui peut faciliter leur cohérence.

Par exemple

Javascript

$.blockUI.defaults.message = '<div class="blockUI-Loader"></div>'; 

CSS

.blockUI-Loader { 
    /* url path is relative to this CSS file in "_assets/css" */ 
    background-image: url(../images/blockUI_Loader.gif); 
    background-repeat: no-repeat; 
    width: nnpx; /* width of image */ 
    height: nnpx; /* height of image */ 
} 

Answer 2

Le chemin relatif est relatif au fichier HTML et non au fichier js. Donc, en regardant au-dessus de vos autres fichiers, je suppose que vous avez besoin d'images/...

Answer 3

Enfin j'ai trouvé le soultion!

$.blockUI.defaults.message = '<img src="_assets/images/blockUI_Loader.gif" />';