ActionLinkを画像として設定する方法

Question

少し質問があります。このような何かのための画像としてActionLinkのを設定する方法：

Html.ActionLink(" ", "About", "Home", new 
{style = "background: url('../../Content/images/img03.jpg')no-repeat center 
right;display:block; height:24px; width:24px;"})  

しかし、それは動作しません。この例：他のActionLinkのために

<%= Html.ActionLink("English", "ChangeCulture", "Account", 
new {lang = "en", returnUrl = this.Request.RawUrl }, null)%> 

を私はこのような何かをしました。私はフラグのイメージの形で自分のサイトにローカリゼーションを追加したい。前もって感謝します。私はここにいくつかの問題を参照してください

Answer 1

...

まず、あなたのHTMLスタイルでActionLinkのののparamater routeValuesを設定しています。それらの間のヌルオブジェクトを追加します。

Html.ActionLink(" ", "About", "Home", null, new 
{style = "background: url('../../Content/images/img03.jpg')no-repeat center 
right;display:block; height:24px; width:24px;"}) 

第二に、あなたは相対パスを使用しているとして、画像のURLが正しいかチェックしたくなるでしょう。 Url.Contentを使用して正しいパスを取得してみてください。

第3に、URLとno-repeatフラグの間にスペースがないと、ブラウザの出力に影響を与える可能性があります。

Answer 2

私はこのためにTagBuilderを使用してお勧めしますカントーHTMLヘルパー

を使用して、これを解決しました。

/// <summary> 
    /// Create image representation of boolean in form of 
    /// </summary> 
    /// <param name="html">The HTML.</param> 
    /// <param name="boolValue">if set to <c>true</c> [bool value].</param> 
    /// <param name="path">The path.</param> 
    /// <param name="alt">The alt.</param> 
    /// <returns> 
    /// html img tag 
    /// </returns> 
public static string ImageForBool(this HtmlHelper html, bool boolValue, string path,ImageAlt alt) 
{ 
    string trueVal = "tick"; 
    string falseVal = "x"; 
    string img = "<img src=\"{0}\" {1}/>"; 
    string altTag = string.Empty; 
    path += "Content/Actions/"; 
    if (boolValue) 
    { 
    altTag = (alt == null) ? "" : "alt=\"" + alt.trueOption + "\""; 
    return string.Format(img, Path.Combine(path, trueVal) + ".png", altTag); 
    } 
    else 
    { 
    altTag = (alt == null) ? "" : "alt=\"" + alt.falseOption + "\""; 
    return string.Format(img, Path.Combine(path, falseVal) + ".png", altTag); 
    } 
} 

このオプションは、おそらく最高のあなたのための

代替方法です

利用のhtmlアクションリンクとあなたのコードを使用してstring.replace を使用します。

string tag = Html.ActionLink("[toReplaceWithImage]", "ChangeCulture", "Account", 
new {lang = "en", returnUrl = this.Request.RawUrl }, null).ToString() 

tag.Replace("[toReplaceWithImage]", "<img src=\"path\">");