Image tag within javascript - rails

Question

I have a line of javascript within my view in my rails app:

<script>

$(this).find("img").attr("src", "/assets/img5.png"); 

</script>

I have the image path hard coded as you can see. This is working fine locally, but is not working well on production because i'm serving the assets through a cdn.

How do I include an image tag without messing up the javascript?

Well yeah, but the answer depends on how the CDN path is structured. — cgatian
– cgatian, Commented Apr 8, 2014 at 0:25

Katie H · Accepted Answer · 2014-04-08 01:26:03Z

4

After playing around a bit, I found something that works:

<script>

$(this).find("img").attr("src", '<%= asset_path 'img5.png' %>'); 

</script>

Looks like asset_path gets the job done.

answered Apr 8, 2014 at 1:26

Katie H

2,2935 gold badges31 silver badges53 bronze badges

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

2 Comments

user944938 Over a year ago

yea, looks like it works. asset_path has the host coming from config file which automatically appends the cdn path.

Katie H Over a year ago

Yup! Works like a charm! :)

user944938 · Accepted Answer · 2014-04-08 00:52:46Z

1

I would be using soemthing like

jQuery('img[src*="signup_arrow.png"]')

without changing much of the current code. Here src* indicates that "signup_arrow.png" can be a substring of the image src.

Typically CDN urls would be http://cdn.example.com/signup_arrow.png?13304 to using the selector to find the given image name as substring helps.

answered Apr 8, 2014 at 0:52

user944938

1,0408 silver badges9 bronze badges

1 Comment

user944938 Over a year ago

can you paste the error response and code you tried, it helps debug

Collectives™ on Stack Overflow

Image tag within javascript - rails

2 Answers 2

2 Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related