Umbraco

Question

我正试图为我的形象设置选定的克罗姆，但我被困住了，找不出我做错了什么。

ImageWithTextHover.cs

public class ImageWithTextHover
{
    public string Text { get; private set; }
    public Link Url { get; private set; }
    public MediaItem Image { get; private set; }
    public string Crop { get; private set; }


    public ImageWithTextHover(IPublishedContent content)
    {
        Text = content.GetPropertyValue<string>("text");
        Url = content.GetPropertyValue<MultiUrls>("link").FirstOrDefault();
        Crop = content.GetPropertyValue<string>("imageCrop");
        Image = content.GetMediaItem("image", Crop);
    }
}

cshtml

@using Umbraco.Site.Extensions.Models.DocumentTypes.Grid
@inherits UmbracoTemplatePage
@{ 
    Layout = null;
    ImageWithTextHover imagehover = new ImageWithTextHover(Model.Content);

}

<div class="imageWithTextHover">
    <div class="row">
        <div class="col-sm-12" style="padding: 0;">

            <div class="image">
                <img src="@imagehover.Image.Url" />
                <div class="text">
                    @Html.Raw(imagehover.Text)
                </div>
            </div>

            <img src="@Url.GetCropUrl(Model.Content, imagehover.Image.Url, imagehover.Crop)" />

        </div>
    </div>

</div>

@imagehover.Crop等于

1:1 -平方

Answer 1

我不知道你为什么对自己这么苛刻。获取作物的最简单方法是删除cs部分，使用Razor并在cshtml中这样做：

如果您已经设置了具有特定作物的Image：

<img src="@Url.GetCropUrl(Model.Content, "yourCropperAlias", "yourCropAlias")" />

如果您只想要一个没有图像裁剪器的标准作物：

@if (Model.Content.HasValue("image"))
{
    <img src="@Url.GetCropUrl(Model.Content, propertyAlias: "yourCropperAlias", height: 300, width: 400)" />
}

有一本关于农作物的指南这里，也许会有帮助。当然，这是假设您使用的是Umbraco 7和更高版本，因为如果您使用的是Umbraco 6，那么作物就完全不同了。