Bilder von Javascript laden

Question

In meiner Grails-App habe ich ein Verzeichnis web-app/images/carousel/slides die Dateien wie z. B. enthält:

• foo.png
• foo.thumbnail.png
• bar.png
• bar.thumbnail.png

Meine App verwendet die Ressourcen Grails-Plugin, und die wichtigsten Bilder sind in einem GSP mit einem seiner Tags geladen:

<r:img file="carousel/slides/foo.png"/>

die erzeugt:

<img src="/myapp/static/images/carousel/slides/foo.png">

Ich versuche, die Thumbnail-Bilder von JavaScript zu laden, indem ich einen Pfad einrichte wie /myapp/static/images/carousel/slides/foo.thumbnail.png . Aber wenn ich versuche, eines dieser Bilder anzuzeigen, erhalte ich eine 404.

Ähnlich verhält es sich, wenn Sie den folgenden Pfad in die Adressleiste des Browsers eingeben

http://localhost:8080/myapp/static/images/carousel/slides/foo.png

wird das Bild korrekt angezeigt, aber wenn ich

http://localhost:8080/myapp/static/images/carousel/slides/foo.thumbnail.png

Ich erhalte eine 404. Warum sind meine Thumbnail-Bilder zur Laufzeit nicht unter demselben Pfad verfügbar, wenn sie sich doch im selben Quellverzeichnis befinden? Ich vermute, die Antwort hat etwas mit der Tatsache zu tun, dass die Hauptbilder über das Ressourcen-Framework geladen werden, während ich versuche, die Miniaturbilder über JavaScript zu laden.