come inserire un'immagine in collegamento azione html? asp.net mvc
-
26-09-2019 - |
Domanda
Ho la navigazione e molti link sul mio webproject dai collegamenti di azione html. Sono brutto, con sottolineatura. Vorrei inserire qualche immagine con nome o giocare con gli stili di collegamento azione. È possibile? Come farlo?
Grazie e prendersi cura, Ragims
Soluzione
Si potrebbe usare i CSS per rimuovere le sottolineature o posizionare un backgroundimage, altrimenti si potrebbe anche solo creare il collegamento in questo modo:
<a href="<%: Url.Action("Action", "Controller")%>"><img src="yourimg.jpg" /></a>
Altri suggerimenti
Html.ActionLink e Url.Action restituiscono lo stesso URL. La differenza è che il primo crea un elemento HTML mentre il secondo restituisce solo l'URL per l'azione.
Un'altra opzione è quella di utilizzare Url.RouteUrl o Html.RouteLink per creare un collegamento in base al largo il percorso (ad un'azione) invece che direttamente ad un'azione.
Una soluzione è quella di creare un metodo di estensione HtmlHelper per la creazione di un collegamento un'azione immagine-specifiche. Un tutorial dettagliato si può trovare qui .
Se siete su MVC 3-4 con il motore di vista rasoio allora questo può aiutare -
@Html.ActionLink("your link Name", "Action Method", "Controller",
new { style = "background-image:url('.././Images/imageyouwanttoshow.png')" },null)
Invece di usare @Html.ActionLink("linkname","action","controller")
è possibile utilizzare i seguenti
<a href='@Url.Action("action", "controller")'>
<img src='@Url.Content("~/images/imageName.png")' />
"immagini" è la mia cartella per memorizzare le immagini.
@Url.Content()
è quello di conoscere il percorso.
È possibile passare la vostra azione e il controller per la causa a @Url.Action()
.
@Url.Action()
funziona in modo simile al @Html.ActionLink()
.
Ora il tuo link otterrà sostituito con l'immagine.