More than 3 years have passed since last update.

画像の貼り付け方とサイズ変更　Rails　イメージタグ

Posted at 2020-04-28

##Rubyでイメージタグを使い画像を表示する方法

.rb


image_tag(画像ファイルへのパス, [, オプション or HTML属性 or イベント属性])

image_tag "icon.png", size: "16x16", alt: "アイコン"

例１　クラス名を指定してCSSで大きさを変更する場合。

html.erb　例１


<%= image_tag 'icon.png', class:'icon' %>

application.css

.icon{
  width: 80px;
  height: 80px;
}

例２　

html.erb　例２

<%= image_tag 'dog.JPG', :size =>'320x480'　%>

'320x480'のxは小文字のエックスであることに注意！