Copied to clipboard

Flag this post as spam?

This post will be reported to the moderators as potential spam to be looked at


  • apload-gmbh 39 posts 109 karma points
    Jan 14, 2022 @ 10:03
    apload-gmbh
    0

    FocalPoint / preferFocalPoint in Multiple Image Media Picker 3

    Hi everyone

    I'm not a real programmer and I do work so far most of the time directly in the settings-editor of the Umbraco backend.

    In this case we use Umbraco 8.15.1 and we have enabled focal point for a Multiple Image Media Picker 3. But in the rendered template it has no effect at all. See the partly hidden Hero-Image (also per CSS) http://action.actnews.ch/artists/bowser-ch/

    Uploaded picture in Umbraco: enter image description here

    I read a lot of forum posts, but I didn't get it work.

    Here's my relevant HTML-Razer-Code:

        @{
    
                    img = Model.Value<IEnumerable<IPublishedContent>>("artistImage");
            }
            <header>
                <img src="@img.First().GetCropUrl(2000,1000)" alt="@Model.Name" />
                <div class="title">
                    <div class="container">
                        <div class="tile">
                            <h1>@Model.Name</h1>
                        </div>
                    </div>
                </div>
            </header>
    

    It tried also @img.First().GetCropUrl(width: 2000, height:1000, preferFocalPoint:true) and I created a image local crop for @img.First().GetCropUrl("fullWidthImage") und tried the UrlHelper method something like @Url.GetCropUrl(entry.LocalCrops, "fullWidthImage").

    Do I need an extension like Heather in the following post wrote? https://our.umbraco.com/forum/umbraco-8/95932-getcropurl-returns-empty. I don't think I'm able to implement this.

    Any help would be appreciated.

    Thanks, Jan

    Update 21.01.2022: Meanwhile, we use with the Image Cropper, where the Focal Point works, but we can upload only one image and we can't reuse images from the media library, which is a disadvantage.

Please Sign in or register to post replies

Write your reply to:

Draft