誰かがUmbraco5.1テンプレート内に画像を表示する方法について段階的に説明してもらえますか?
それはとてつもなく単純で、誰もそれを説明するのに苦労していないに違いありません。あなたがそれを段階的に作ることができればそれは素晴らしいことです。私は今、あらゆる種類のxsltおよびrazorステートメント、パーシャル、およびmarcosを読んで実装しようとしましたが、まだ近づいていません。
誰かがUmbraco5.1テンプレート内に画像を表示する方法について段階的に説明してもらえますか?
それはとてつもなく単純で、誰もそれを説明するのに苦労していないに違いありません。あなたがそれを段階的に作ることができればそれは素晴らしいことです。私は今、あらゆる種類のxsltおよびrazorステートメント、パーシャル、およびmarcosを読んで実装しようとしましたが、まだ近づいていません。
私はumbraco5でこれが好きです
<img src="@umbraco.GetMediaUrl(Model,"propertyAlias")" alt="image"/>
Umbraco でよくある混乱のポイントは、実際には 2 つの異なるフィールド タイプ (1 つは「アップローダー」用、もう 1 つは「メディア ピッカー」用) があることです。
アップローダーを使用すると、画像をコンテンツ ページに直接アップロードできます。
メディアでは、画像をメディア ライブラリにアップロードし、メディア ピッカー コントロールを使用して、サイト全体でコンテンツを参照します。
コンテンツにはメディア ID があるとおっしゃっているので、メディア ピッカーを使用しようとしていると思います。メディア ピッカー フィールドで選択した画像を出力する最も簡単な方法は次のとおりです。
@Umbraco.GetMediaUrl(@CurrentPage.MyImageFieldAlias)
src="@Umbraco.GetMediaUrl(Model.Id, "image")"
はModel.Id
、特定のイメージのイメージ ID です。
私はこのようにします。
最初に Umabraco マクロを作成します。関連する名前 (TopLeftImage) を付けて、次のようにページで使用します:-
<img src= <umbraco:Item field="TopLeftImage" useIfEmpty="TopLeftImage" runat="server"/> />
次の手順に従ってください。間違いなくこの問題を解決できます。
field
1.最初にデータ型を使用してumbraco Cmsで画像を作成しmedia picker
、次にそのフィールドに画像をアップロードします。
2.ページ内に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;
}
}
}
}
これはあなたのために働くでしょう:-)