كيفية إدراج الصورة في رابط عمل HTML؟ ASP.NET MVC
-
26-09-2019 - |
سؤال
لدي تنقل والعديد من الارتباط على WebProject الخاص بي من روابط عمل HTML. هم قبيح مع سطحية. أرغب في إدراج بعض الصور بالاسم أو اللعب مع ارتباط أنماط الإجراء. هل هو ممكن؟ كيف يتم فعل ذلك؟
شكرا واعتني راجيمز
المحلول
يمكنك استخدام CSS لإزالة السلة أو وضع خلفية ، وإلا يمكنك أيضًا إنشاء الرابط مثل:
<a href="<%: Url.Action("Action", "Controller")%>"><img src="yourimg.jpg" /></a>
نصائح أخرى
html.actionlink و url.action إرجاع عنوان URL نفسه. الفرق هو أن الأول ينشئ عنصر HTML بينما يعيد الثاني عنوان URL فقط إلى هذا الإجراء.
خيار آخر هو استخدام url.routeurl أو html.routeLink لإنشاء رابط يعتمد على مسارك (إلى إجراء) بدلاً من إجراء ما.
يتمثل أحد الحلول في إنشاء طريقة تمديد HTMLHelper لإنشاء رابط عمل خاص بالصور. يمكن العثور على برنامج تعليمي مفصل هنا.
إذا كنت على MVC 3-4 مع Razor View Engine ، فقد يساعدك ذلك-
@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()
. الآن سيتم استبدال الرابط الخاص بك بالصورة.