투표 페이지에서 "이미지 너비"로 숫자를 바꾸는 방법

Question

<form action="/votes/vote" method="post"> 
    <% for option in @vote.options %> 
    <%= option.name %> 
    <%= option.quantity %> 
    <input type="checkbox" name="op[]" value="<%= option.id %>" /><br /> 
    <% end %> 

    <input type="hidden" value="<%= @vote.id %>" name="id"/> 
    <input type="submit" value="Submit" /> 
</form> 

<%= option.quantity%>은 투표 수입니다. 이미지로 시각적으로 바꾸고 싶습니다. 방법?

option1.quantity = 15; => : ===== 15px (원주 형 이미지) ======

option1.quantity = 30; => : ============= 30px (원주 형 이미지) ===============

Answer 1

귀하의 질문에 대한 이해 여부를 모르겠습니다. 하지만 "시각적"무언가를 원하는 경우, 어떤 컬러 바처럼 DIV를 만드는 방법에 대해 : 당신은 물론 몇 가지 배경 원주 이미지와 색상을 교체 할 수 있습니다

%div{:style => "background-color: green; height: 20px; width: #{option.quantity}px;"} 
    = option.quantity 

:

%div{:style => "background-image: url('some_columnar_image_path'); height: 20px; width: #{option.quantity}px;"}