Como colocar uma imagem padrão em um item gridLayout?

Question

Estou curioso para saber como colocar uma imagem padrão em um item do GridLayout usando os modelos.Alguém pode dar sugestões?

Aqui está o meu modelo

<div class="gridLayoutItemTemplate" data-win-control="WinJS.Binding.Template" data-win- options="{tap: 'none'}">
    <div class="photoTemplate">
        <img class="photoTemplateImage" src="#" alt="" data-win-bind="src: imageUrl WinJS.Binding.oneTime; alt: title" />
</div>

Answer 1

Basta adicionar uma nova imagem de 'carregamento' no slution e no modelo apenas aplique um novo estilo à imagem e especifique a propriedade da imagem de fundo

O exemplo é mostrado abaixo

  <img class="photoTemplateImage" src="#" alt="" data-win-bind="src: imageUrl WinJS.Binding.oneTime; alt: title"  style="background-image: url(loadingimage.gif)" />

Você pode adicionar a propriedade da imagem de fundo à classe. Portanto, você pode evitar o uso de estilos de linha.

Alterar o url depende de onde você está armazenando a imagem

consulte esta postagem