How do I add an image in @Html.ActionLink

Question

I need to know how to add a image in @Html.ActionLink

The code I have is:

@Html.ActionLink("IMAGE","Index","Home");

How to replace the IMAGE with an URL where my image is residing.

possible duplicate of [How to make a actionlink as Image in Asp.Net MVC4 Razpr View?](http://stackoverflow.com/questions/22007291/how-to-make-a-actionlink-as-image-in-asp-net-mvc4-razpr-view) — Rajesh Dhiman, Mar 07 '14 at 10:42

score 18 · Accepted Answer · edited May 23 '17 at 11:49

18

<a href='@Url.Action("Index", "Home")'>
   <img src="IMAGE PATH HERE" />
</a>

edited May 23 '17 at 11:49

Community

answered Mar 07 '14 at 10:10

Curtis

score 2 · Answer 2 · answered Mar 07 '14 at 10:11

2

You have one of 2 options

<a href="@Url.Action("Index", "Home")" >
    <img src="IMAGE" />
</a>

OR add a class and use the class to define the image

@Html.Action("Text", "Index", "Home", new {Class = "image-link"});

answered Mar 07 '14 at 10:11

NinjaNye

score 0 · Answer 3 · answered Mar 07 '14 at 10:11

0

Use this

<a href="<%: Url.Action("Action", "Controller")%>"><img src="yourimg.jpg" /></a>

answered Mar 07 '14 at 10:11

TechGuy

1

This is correct, except for the escaping tags. MVC 4 uses the `@` nugget. – Henk Mollema Mar 07 '14 at 10:13

score 0 · Answer 4 · answered Sep 20 '14 at 11:38

0

Use @Url.Action on Razor :

 <img src="@Url.Action("ActionName", "ControlName", new { Model.ImageId })" />

answered Sep 20 '14 at 11:38

Bravo Hex

4 Answers4