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
– bennett_an

2013-02-25 12:23:32 +00:00
Commented Feb 25, 2013 at 12:23 — bennett_an
– bennett_an, Commented Feb 25, 2013 at 12:23
I couldn't get this working in Rails 2 but good thinking.

xiatica
– xiatica

2017-03-05 09:38:29 +00:00
Commented Mar 5, 2017 at 9:38 — xiatica
– xiatica, Commented Mar 5, 2017 at 9:38

jvnill · Accepted Answer · 2013-02-25 12:20:48Z

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, 2013 at 12:20

jvnill

29.6k5 gold badges86 silver badges86 bronze badges

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

1 Comment

Chloe Over a year ago

Why isn't that specified in the docs? api.rubyonrails.org/classes/ActionView/Helpers/…

Jake · Accepted Answer · 2018-06-23 18:18:35Z

2

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.

answered Jun 23, 2018 at 18:18

Jake

1,2261 gold badge14 silver badges44 bronze badges

Collectives™ on Stack Overflow

Adding custom data attributes rails image tag

2 Answers 2

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related