¿Cómo poner una imagen predeterminada en un elemento gridLayout?

Question

Tengo curiosidad sobre cómo poner una imagen predeterminada en un elemento de GridLayout mediante el uso de plantillas.¿Alguien puede darnos alguna sugerencia?

Aquí está mi plantilla

<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

Simplemente agregue una nueva imagen de 'carga' en la solución y en la plantilla simplemente aplique un nuevo estilo a la imagen y especifique la propiedad de la imagen de fondo

A continuación se muestra un ejemplo

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

Puede agregar la propiedad de la imagen de fondo a la clase .. Para evitar el uso de estilos de línea ..

Cambiar la URL depende de dónde guarde la imagen

consulte esta publicación