Adding custom data attributes rails image tag

Question

I need to add data-description and data-title for galleria in my rails application but I can't see how to do this with the image tag. So far I have this:

<div id="galleria">
<% @entries.each do |entry| %>
     <%= image_tag entry.filename, :title => "title", :class => "class", :data-description => entry.caption, :data-title => entry.caption  %>
 <% end %>
 </div>

But this raises the undefined local variable or method `description' error, so how would I do this in rails 3?

Can you wrap those in `:html => {}`? – bennett_an Feb 25 '13 at 12:23 — bennett_an, Feb 25 '13 at 12:23
I couldn't get this working in Rails 2 but good thinking. – xiatica Mar 05 '17 at 09:38 — xiatica, Mar 05 '17 at 09:38

score 50 · Accepted Answer · answered Feb 25 '13 at 12:20

50

The correct syntax for this is

<%= image_tag entry.filename, :title => "title", :class => "class", :data => { :description => entry.caption, :title => entry.caption }  %>

answered Feb 25 '13 at 12:20

jvnill

29,479
4
83
86

6

Why isn't that specified in the docs? http://api.rubyonrails.org/classes/ActionView/Helpers/AssetTagHelper.html#method-i-image_tag – Chloe Nov 02 '13 at 23:35

score 2 · Answer 2 · answered Jun 23 '18 at 18:18

As of rails 5.1, this syntax should work:

<%= image_tag entry.filename, title: "title", class: "class", data: {description: entry.caption, title: entry.caption} %>

Read more about attributes you can include in your image_tag under examples: rails api docs.

Adding custom data attributes rails image tag

2 Answers2

Linked