Comment mettre une image par défaut sur un élément GridLayout?

Question

Je suis curieux de savoir comment mettre une image par défaut sur un élément de gridlayout en utilisant les modèles. Quelqu'un peut-il fournir des suggestions?

Voici mon modèle

<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

Il suffit d'ajouter une nouvelle image de «chargement» dans la slution et dans le modèle appliquez simplement un nouveau style à l'image et spécifiez la propriété de l'image d'arrière-plan

L'exemple est indiqué ci-dessous

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

Vous pouvez ajouter la propriété d'image d'arrière-plan à la classe .. afin d'éviter d'utiliser des styles en ligne.

Changer l'URL dépend de l'endroit où vous stockez l'image

se référer à ce post