Make an Html.ActionLink around an Image in ASP.NET MVC?

Question

How can I do something similar to Html.ActionLink() except place the generated link around an Image instead of just spitting out the link?

Answer 1

Try something like this:

public static string ActionLinkWithImage(this HtmlHelper html, string imgSrc, string actionName) {     var urlHelper = new UrlHelper(html.ViewContext.RequestContext);      string imgUrl = urlHelper.Content(imgSrc);     TagBuilder imgTagBuilder = new TagBuilder("img");     imgTagBuilder.MergeAttribute("src", imgUrl);     string img = imgTagBuilder.ToString(TagRenderMode.SelfClosing);      string url = UrlHelper.Action(actionName);      TagBuilder tagBuilder = new TagBuilder("a") {         InnerHtml = img     };     tagBuilder.MergeAttribute("href", url);      return tagBuilder.ToString(TagRenderMode.Normal); } 

Hope this helps

Answer 2

Razor (View Engine):

<a href="@Url.Action("ActionName", "ControllerName")">     <img src="@Url.Content("~/Content/img/imgname.jpg")" /> </a> 

ASPX (View Engine):

<a href="<%= Url.Action("ActionName", "ControllerName") %>">     <img src="<%= Url.Content("~/Content/img/imgname.jpg") %>" /> </a> 

Obviously, if you do this more than once, write a helper for it. And fill in the other attributes of img/a. But this should give you the general idea.