Umbraco 5.1在模板中顯示圖像

有人能給我一個關於如何在Umbraco 5.1模板內顯示圖像的分步說明。Umbraco 5.1在模板中顯示圖像

它一定是如此簡單以至於沒有人會費神去形容它。如果你能夠一步一步做到這一點，那就太好了。我現在已經閱讀並試圖實現各種各樣的xslt和剃刀聲明，partials和marcos，甚至沒有接近。

2012-06-05 RobCroll

Umbraco中的一個常見混淆點是實際上有兩種不同的字段類型，一種是'上傳者'，另一種是'媒體選擇器'。

使用上傳器，您可以直接將圖像上傳到內容頁面。

使用媒體，您可以將圖像上載到媒體庫，然後使用媒體選取器控件在整個網站中引用內容。

既然你說你的內容有一個媒體ID，我假設你正在嘗試使用媒體選擇器 - 以下是最簡單的方法，你可以輸出你的媒體選擇器字段選擇的圖像。

@Umbraco.GetMediaUrl(@CurrentPage.MyImageFieldAlias)

來源

2012-06-09 04:23:50 seraphym

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

其中Model.Id是特定圖像的圖像。

來源

2012-06-06 09:47:34

感謝烏薩馬但你能多給點提示嗎？我花了最後一小時試圖想到沒有成功的每個組合。該圖片位於媒體部分，並有一個內容ID：// p__nhibernate/v__guid/a6cccd27a3ce4d0bb2bea06500feccb7 – RobCroll

我這樣做。

首先創建一個Umabraco宏。給它一個相關的名稱（TopLeftImage）現在，在這樣的頁面使用它： -

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

來源

2012-06-14 10:07:17

我喜歡這umbraco5

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

來源

2012-06-21 06:50:53 shweta

請按照下列步驟，你一定會從中得到擺脫問題：

1.首先創建使用一把umbraco CMS media picker數據類型的圖像field，然後上載圖像到該字段。

2.創建asp:image控制visual studio頁

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

3.Then 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; 
      } 
     } 

    } 
}

，這會爲你工作:-)

來源

2014-02-10 14:38:44

Umbraco 5.1在模板中顯示圖像

回答

相關問題