Sitecore GlassMapper RenderImage с отложенной загрузкой - PullRequest
Новая
       25

Sitecore GlassMapper RenderImage с отложенной загрузкой

0 голосов
/ 01 мая 2019

Пожалуйста, извините за мое невежество.

Сейчас я отрисовываю изображение, используя следующий код: 

@RenderImage(Model, x => x.Image, new { @class = "card-image" }, isEditable:true)

Мне нужно обновить этот код, чтобы он соответствовал следующему формату для отложенной загрузки, сохраняя при этом изображение доступным для редактирования. 

<img data-src="@image" alt="" class="card-image lazy">
<noscript><img src="@image" alt="" class="card-image"></noscript>

Как бы я настроил что-то подобное? Это вообще возможно?

1 Ответ

0 голосов
/ 10 июля 2019

Мое предложение было бы проверить, находится ли страница в режиме редактора опыта, и обрабатывать этот код иначе, чем то, что вам нужно отрисовывать на клиенте.

Иногда простой способ при попытке настроить страницу для Experience Editor - лучший способ.

Пример: 

@if (Sitecore.Context.PageMode.IsExperienceEditor)
{
    @RenderImage(Model, x => x.Image, new { @class = "card-image" }, isEditable:true)
}
else
{
    if(Model.Image != null)
    {
        <img data-src="@Model.Image.Src" alt="" class="card-image lazy">
        <noscript><img src="@Model.Image.Src" alt="" class="card-image"></noscript>
    }       
}
...