image_tag(source, options={})

Returns an HTML image tag for thesource. The source can be a full path or a file.

Options

You can add HTML attributes using theoptions. The options supports three additionalkeys for convenience and conformance:

  • :alt - If no alt text is given, the file name part of thesource is used (capitalized and without the extension)

  • :size - Supplied as "{Width}x{Height}" or "{Number}", so"30x45" becomes width="30" and height="45", and "50" becomes width="50" andheight="50". :size will be ignored if the value is not in thecorrect format.

Examples

image_tag("icon")
# => <img alt="Icon" src="/assets/icon" />
image_tag("icon.png")
# => <img alt="Icon" src="/assets/icon.png" />
image_tag("icon.png", size: "16x10", alt: "Edit Entry")
# => <img src="/assets/icon.png" width="16" height="10" alt="Edit Entry" />
image_tag("/icons/icon.gif", size: "16")
# => <img src="/icons/icon.gif" width="16" height="16" alt="Icon" />
image_tag("/icons/icon.gif", height: '32', width: '32')
# => <img alt="Icon" height="32" src="/icons/icon.gif" width="32" />
image_tag("/icons/icon.gif", class: "menu_icon")
# => <img alt="Icon" class="menu_icon" src="/icons/icon.gif" />

相关文章:

  • 2022-12-23
  • 2021-08-12
  • 2021-12-04
  • 2021-11-28
  • 2021-09-06
  • 2022-12-23
  • 2021-09-05
  • 2021-06-28
猜你喜欢
  • 2021-11-19
  • 2022-12-23
  • 2022-12-23
  • 2021-09-09
  • 2022-12-23
  • 2021-11-16
  • 2022-01-10
相关资源
相似解决方案