Я обычно добавляю класс к элементу <span>
или <div>
, а затем использую селекторы CSS для применения соответствующего фонового изображения для каждого случая.
В представлении ...
<span class='foo-indicator <%= @item.foo? ? 'foo' : 'not-foo' %>'> </span>
В таблице стилей CSS ...
.foo-indicator {
/* Specify height, width, positioning, etc. */
}
.foo {
background-image: url('../images/is-foo.png')
}
.not-foo {
background-image: url('../images/not-foo.png')
}