Umbraco 5.1 템플릿의 이미지 표시

Question

Umbraco 5.1 템플릿 내에서 이미지를 표시하는 방법에 대한 단계별 설명을 제공 할 수 있습니까?

누구나 쉽게 설명 할 수 없을만큼 너무 단순해야합니다. 당신이 그것을 단계적으로 만들 수 있다면 그것은 위대 할 것입니다. 나는 지금 모든 종류의 xslt와 면도칼 진술, 부분과 마르코스를 읽고 구현하려고 시도해 왔으며 가까이 가지도 못했다.

Answer 1

Umbraco에서 혼란스러운 점은 실제로 '업 로더'와 '미디어 선택 도구'의 두 가지 필드 유형이 있다는 것입니다.

업 로더를 사용하면 이미지를 콘텐츠 페이지에 직접 업로드 할 수 있습니다.

미디어를 사용하여 이미지를 미디어 라이브러리에 업로드 한 다음 미디어 선택 컨트롤을 사용하여 사이트 전체에서 콘텐츠를 참조하십시오.

콘텐츠에 미디어 ID가 있다고 가정 했으므로 미디어 선택 도구를 사용하려고한다고 가정합니다. 미디어 선택 도구 필드에서 선택한 이미지를 출력 할 수있는 가장 쉬운 방법은 다음과 같습니다.

@Umbraco.GetMediaUrl(@CurrentPage.MyImageFieldAlias) 

Answer 2

src="@Umbraco.GetMediaUrl(Model.Id, "image")" 

여기서, Model.Id은 perticular 이미지의 이미지 ID입니다.

Answer 3

나는 이렇게하고있다.

먼저 Umabraco 매크로를 만듭니다. 이 같은 페이지에서 사용 지금에게 관련 이름 (TopLeftImage) 보내기 -

<img src= <umbraco:Item field="TopLeftImage" useIfEmpty="TopLeftImage" runat="server"/> /> 

Answer 4

내가

<img src="@umbraco.GetMediaUrl(Model,"propertyAlias")" alt="image"/> 

Answer 5

다음 단계를 수행 umbraco5이 좋아한다, 당신은 확실히이에서 제거합니다 문제 :

1. 먼저 media picker 데이터 유형을 사용하여 umbraco Cm에서 field 이미지를 만든 다음 해당 필드에 이미지를 업로드하십시오.

2.Create asp:image 제어 페이지 visual studio에

<asp:image ID="imgLogo" runat="server"> 

3. 그 Code Behind 다음 코드

using System; 
using System.Collections.Generic; 
using System.Linq; 
using System.Web; 
using System.Web.UI; 
using System.Web.UI.WebControls; 
using umbraco.presentation.nodeFactory; 
using Umbraco.Core; 
using umbraco; 
using umbraco.cms.businesslogic.media; 
using umbraco.interfaces; 

    public partial class UserControls_Header_Nav : System.Web.UI.UserControl 
    { 
     umbraco.NodeFactory.Node headerNode = uQuery.GetNode(1139); 
     protected void Page_Load(object sender, EventArgs e) 
     { 
      if (!Page.IsPostBack) 
      { 
      LoadData(); 
      } 
     } 


    private void LoadData() 
    { 

     if (headerNode != null) 
     { 

      if (headerNode.GetProperty("imgLogo") != null && !string.IsNullOrEmpty(headerNode.GetProperty("imgLogo").Value)) 
      { 
       string url; 
       Int32 PhotoId = Convert.ToInt32(headerNode.GetProperty("imgLogo").Value); 
       var media = new umbraco.cms.businesslogic.media.Media(PhotoId); 
       var file = media.getProperty("umbracoFile"); 
       url = (string)file.Value; 
       imgLogo.ImageUrl = url; 
      } 
     } 

    } 
} 

을이 당신을 위해 작동합니다 :-)