image_tag

イメージタグを生成(image_tag)

適応バージョン

  • 1.0.0
  • 1.1.0
  • 1.1.1
  • 1.1.6
  • 1.2.0
  • 1.2.6
  • 2.0.0
  • 2.0.1
  • 2.0.3
  • 2.1.0
  • 2.2.1
  • 2.3.2
  • 2.3.8
  • 3.0.0
  • 3.0.5
  • 3.0.7
  • 3.0.9
  • 3.1.0
  • 3.2.3
  • 3.2.8
  • 3.2.13
  • 4.0.0
  • 4.1.0
  • 4.2.1

説明

イメージタグを生成

使い方

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

オプション

オプション説明バージョン
:altalt属性。省略時は、ファイル名から自動セット
:size画像サイズ(幅x高さ)
:mouseoverマウスオーバー時に入れ替える画像rails3まで

HTMLオプション

オプション説明
:src画像ファイルのパス
:altalt属性
:longdesc画像の説明文章のパス
:name画像の名前
:ismapサーバサイド・イメージマップを使用
:usemap画像に対応させるイメージマップ
:align画像とテキストの配置
:width画像の幅
:height画像の高さ
:id要素固有の識別子
:class要素を分類するクラス名
:title要素の補足情報
:style要素の補足情報
:dir表記方向
:lang基本言語

icon.png画像を表示
<%= image_tag("icon.png") %>
# <img alt="Icon" src="/images/icon.png" />
16x16でaltがEdit Entryのicon.png画像を表示
<%= image_tag("icon.png", :size => "16x16", :alt => "アイコン") %>
# <img alt="アイコン" height="16" src="/images/icon.png" width="16" />
classがmenu_iconのicon.png画像を表示
<%= image_tag("/icons/icon.gif", :class => "menu_icon") %>
# <img alt="Icon" class="menu_icon" src="/images/icon.png" />
画像のリンクを生成
<%= link_to image_tag("logo.png"), :action => "index" %>
# <a href="/blogs"><img alt="Logo" src="/images/logo.png" /></a>

ソースコード

ソースコード検索