كيفية إدراج الصورة في رابط عمل HTML؟ ASP.NET MVC

Question

لدي تنقل والعديد من الارتباط على WebProject الخاص بي من روابط عمل HTML. هم قبيح مع سطحية. أرغب في إدراج بعض الصور بالاسم أو اللعب مع ارتباط أنماط الإجراء. هل هو ممكن؟ كيف يتم فعل ذلك؟

شكرا واعتني راجيمز

Answer 1

يمكنك استخدام CSS لإزالة السلة أو وضع خلفية ، وإلا يمكنك أيضًا إنشاء الرابط مثل:

<a href="<%: Url.Action("Action", "Controller")%>"><img src="yourimg.jpg" /></a>

Answer 2

html.actionlink و url.action إرجاع عنوان URL نفسه. الفرق هو أن الأول ينشئ عنصر HTML بينما يعيد الثاني عنوان URL فقط إلى هذا الإجراء.

خيار آخر هو استخدام url.routeurl أو html.routeLink لإنشاء رابط يعتمد على مسارك (إلى إجراء) بدلاً من إجراء ما.

Answer 3

يتمثل أحد الحلول في إنشاء طريقة تمديد HTMLHelper لإنشاء رابط عمل خاص بالصور. يمكن العثور على برنامج تعليمي مفصل هنا.

Answer 4

إذا كنت على MVC 3-4 مع Razor View Engine ، فقد يساعدك ذلك-

@Html.ActionLink("your link Name", "Action Method", "Controller", 
        new { style = "background-image:url('.././Images/imageyouwanttoshow.png')" },null)

Answer 5

بدلا من استخدام @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(). الآن سيتم استبدال الرابط الخاص بك بالصورة.