jQuery load() ne charge pas les images liées à l'intérieur du fichier html en cours de chargement?

Question

Fondamentalement, je charge un fichier html externe à un élément en utilisant la méthode jQuery .load(), mais lorsque le fichier se charge, il n'affiche pas les images. J'ai essayé de changer le chemin vers les images mais rien ne s'est passé. Ma structure de fichier:

-folder_img 
--image 
-folder_loads 
--file_to_be_loaded 
-index.html 

J'ai essayé ../folder_img/image et folder_image/image dans l'attribut src de mon étiquette d'image à l'intérieur file_to_be_loaded, mais juste whant work.If quelqu'un pourrait l'aider serait grandement apprécié :)

la façon dont je suis le charger:

switch(dataValue) { 
    case("about"): 
    popover.css("background", "#37474f"); 
    popoverContent.load("loads/about.html"); 
    console.log(popoverContent); 
    break; 
    case("work"): 
    popover.load("loads/work.html"); 
    break; 
    case("testimonials"): 
    popover.load("loads/testimonials.html"); 
    break; 
    case("contact"): 
    popover.load("loads/contact.html"); 
    break; 
} 

aussi mentionner, Whan j'ouvre le fichier que je chargeais directement dans les images chrome sont montré ...

Answer 1

vous pouvez essayer ceci: /folder_image/image.