Ruby on Rails、画像リンクのサイジング

Question

私はページに2つの画像をリンクとして持っています。問題はどちらもサイズが違うことです。ここでイメージのサイズを変更する簡単な方法はありますか？

<div class="col-sm-4"><%= link_to image_tag("image1.jpg"), {:controller => 'customers', :action => "new" } %> 

    <h3>BOOK A TOUR</H3> 
    </div> 
    <div class="col-sm-4"> 
    <%= link_to image_tag("image2.jpg"), {:controller => 'tours', :action => "index" } %> 

    <h3>VIEW TOURS</H3> 
    </div> 

おかげ

Answer 1

あなたはsizeプロパティで画像サイズを設定することができます。あなたの画像が幅100ピクセル、高さ20ピクセルであると仮定しましょう。そして、あなたはこのようにそれを指定します：

image_tag("image1.jpg", size: "100x20") 

# Generates 
# => <img src="/assets/image1.jpg" width="100" height="20" alt="" /> 

そして、あなたのリンクコードは次のようになります。

link_to image_tag("image1.jpg", size: "100x20"), {:controller => 'customers', :action => "new" } 

PS。画像にalt属性を使用することを検討してください。