Play framework: How to reference image from javascript file

Question

I'm trying to set an image in a static js script but it doesn't work.

var _pointer = document.createElement("DIV");
_pointer.style.backgroundImage = 'url(../images/repeater_1x4.jpg)';

It returns this error:

GET http://localhost:9000/images/repeater_1x4.jpg 404 (Not Found)

I also tried the following since I have static resources mapped from the public folder to the assets/ url path, it doesn't returns any errors, but again it doesn't show the image.

var _pointer = document.createElement("DIV");
_pointer.style.backgroundImage = 'url(@routes.Assets.at("images/repeater_1x4.jpg"))';

In case you're wondering this is in my routes file:

GET     /assets/*file               controllers.Assets.at(path="/public", file)

What's the correct way to do this? I'm using Play! 2.0, my scripts are in public/javascripts and my images are in public/images as you might expect.

biesior · Accepted Answer · 2012-11-19 19:29:48Z

5

use:

_pointer.style.backgroundImage = 'url(/assets/images/repeater_1x4.jpg)';

answered Nov 19, 2012 at 19:29

biesior

55.8k10 gold badges129 silver badges186 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Play framework: How to reference image from javascript file

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related