どのようにHTMLアクションリンクで画像を挿入するには? asp.net MVC
-
26-09-2019 - |
質問
私は、HTMLアクションリンクから私のwebprojectのナビゲーションや多くのリンクを持っています。 彼らは、下線付き醜いです。私は名前でいくつかの画像を挿入したり、アクションリンクのスタイルでプレーしたいと思います。 出来ますか?それを行うにはどのように?
おかげで、世話、 Ragims
解決
あなたは下線を削除したり、背景画像を配置するためにCSSを使用することができ、 そうでなければ、また同じようので、リンクを作成することができます:
<a href="<%: Url.Action("Action", "Controller")%>"><img src="yourimg.jpg" /></a>
他のヒント
Html.ActionLinkとUrl.Actionは同じURLを返します。違いは、最初はそのアクションにちょうどURL秒戻りながら、HTML要素を作成することです。
別のオプションは、アクションに直接(アクションに)あなたのルートをオフに基づいてリンクを作成する代わりにするUrl.RouteUrlまたはHtml.RouteLinkを使用することです。
一つの解決策は、画像固有のアクションリンクを作成するためのHtmlHelperの拡張メソッドを作成することです。詳細なチュートリアルがのここで見つけることができます。
あなたはかみそりビューエンジンとMVC 3-4である場合、これはあなたを助けるかもしれない -
@Html.ActionLink("your link Name", "Action Method", "Controller",
new { style = "background-image:url('.././Images/imageyouwanttoshow.png')" },null)
の代わりに@Html.ActionLink("linkname","action","controller")
を使用して
次の使用することができます。
<a href='@Url.Action("action", "controller")'>
<img src='@Url.Content("~/images/imageName.png")' />
「画像」の画像を保存するための私のフォルダです。
@Url.Content()
は、パスを知ることです。
あなたは@Url.Action()
にあなたの行動とその行動のためのコントローラを渡すことができます。
@Url.Action()
は@Html.ActionLink()
に似ています。
今、あなたのリンクは画像に置き換えられてしまいます。