How to reference an image within HTML tag in Rails 4

Question

I understand that rails assets eg. an image in assets/images/ get a cache helper number appended to them ie. background.jpg may become background77bfb376c1e.jpg and therefore, a helper must be used to reference them e.g.

asset-url("background.png", image)

However.. How could I reference background.jpg in a HTML tag such as this:

<header class="pt100 pb100 parallax-window-2" data-image-src="background.jpg">

? Apologies in advance if the solutions is obvious ...

Have you tried data-image-src="/assets/images/background.jpg"? — Pavan
– Pavan, Commented Nov 11, 2016 at 12:19
If you want to use helpers, then you can use image_tag like so <header class="pt100 pb100 parallax-window-2" data-image-src="<%= image_tag(background) %>"> — Pavan
– Pavan, Commented Nov 11, 2016 at 12:30

Rajdeep Singh · Accepted Answer · 2016-11-11 12:29:16Z

1

Try this

<header class="pt100 pb100 parallax-window-2" data-image-src=<%= image_path('background.jpg') %>>

Hope that helps!

answered Nov 11, 2016 at 12:29

Rajdeep Singh

17.9k6 gold badges58 silver badges80 bronze badges

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

Collectives™ on Stack Overflow

How to reference an image within HTML tag in Rails 4

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