Rails 4 Javascript Image Path

Question

I'm trying to load an image in the javascript on a rails app,

The javascript works in the application, just the tab image does not load and believe its probably a image path issue, The image is in the images folder.

$(function(){
         $('.divslide').SlideOut({
             Handle: '.handle',  
             pathToTabImage: 'images/menu.png', 
             ...

I have tried changing the paths with no luck, Any help would be great, thanks.

It would be very nice of you to accept the best answer, cause it's quite messy to look through all of them. — Alexander Gorg
– Alexander Gorg, Commented Mar 22, 2018 at 11:00

Vucko · Accepted Answer · 2015-01-29 16:02:20Z

3

Firstly make sure that you have .erb extanstion on your .js file, like

main.js -> main.js.erb

And now you can use the asset_path() helper:

$(function(){
     $('.divslide').SlideOut({
        Handle: '.handle',  
        pathToTabImage: '<%= asset_path("images/menu.png") %>', 
        ...

Where the image must be in app/assets/images folder.

answered Jan 29, 2015 at 16:02

Vucko

20.9k12 gold badges60 silver badges108 bronze badges

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

Comments

user2897821 · Accepted Answer · 2015-01-29 15:57:53Z

0

Changed path and got it working

$(function(){
     $('.divslide').SlideOut({
         Handle: '.handle',  
         pathToTabImage: 'images/menu.png', 
         ...

to

$(function(){
     $('.divslide').SlideOut({
         Handle: '.handle',  
         pathToTabImage: 'assets/menu.png', 
         ...

answered Jan 29, 2015 at 15:57

user2897821

771 gold badge1 silver badge10 bronze badges

Comments

Shems Eddine · Accepted Answer · 2015-01-29 16:00:17Z

0

I think if it is in the images folder than it should be

pathToTabImage: 'assets/images/menu.png',

answered Jan 29, 2015 at 16:00

Shems Eddine

14111 bronze badges

Comments

Jay Blanchard · Accepted Answer · 2015-01-29 16:17:33Z

0

The correct path should be /assets/menu.png

edited Jan 29, 2015 at 16:17

Jay Blanchard

34.5k17 gold badges82 silver badges130 bronze badges

answered Jan 29, 2015 at 15:57

Needless Wolf

981 silver badge7 bronze badges

1 Comment

user2897821 Over a year ago

Thank you, Same thing popped into my head after asking and it worked.

Collectives™ on Stack Overflow

Rails 4 Javascript Image Path

4 Answers 4

Comments

Comments

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related