How to add image in @Html.ActionLink ASP.Net MVC

Question

I am trying add image in @Html.ActionLink using ASP.Net MVC

MVC Code:

@Html.ActionLink(linkText: "Image Text", actionName: "Index", controllerName: "Home", routeValues: null, htmlAttributes: new { @class = "addimg" })

CSS:

.addimg {

background-image: url("/assets/images/img3.png");

background-repeat: no-repeat;

width: 348px;

height: 65px;

}

what mistake am doing in code? without linktext cant create a ActionLink

Please give suggestions...

Thanks

Ehsan Sajjad · Answer

You can add this custom html helper method : public static class CustomHtmlHelepers { public static IHtmlString ImageActionLink( this HtmlHelper htmlHelper string linkText string action string controller object routeValues object htmlAttributes string imageSrc) { var urlHelper = new UrlHelper(htmlHelper.ViewContext.RequestContext); var img = new TagBuilder( img ); img.Attributes.Add( src  VirtualPathUtility.ToAbsolute(imageSrc)); var anchor = new TagBuilder( a ) { InnerHtml = img.ToString(TagRenderMode.SelfClosing) }; anchor.Attributes[ href ] = urlHelper.Action(action controller routeValues); anchor.MergeAttributes( new RouteValueDictionary(htmlAttributes)); return MvcHtmlString.Create(anchor.ToString()); } } and in View you can use it this way: @Html.ImageActionLink( Link Display Text  Index  Home  null  null  ~/images/untitled.png )

Ehsan Sajjad · Answer

check this article of me: http://developmentpassion.blogspot.com/2015/07/image-actionlink-html-helper-in-aspnet.html

Ehsan Sajjad · Answer

create a folder named extensions and add it in it

Munesh Sharma · Answer

http://csharp-video-tutorials.blogspot.in/2013/07/part-47-displaying-images-in-aspnet-mvc.html

Vijay · Answer

Where could i add CustomHtmlHelepers class in application. please reply please give any specfic path/folder... Give any example... i am very new to mvc

How to add image in @Html.ActionLink , ASP.Net MVC