Come mettere un'immagine predefinita su un elemento gridLayout?

Question

Sono curioso di sapere come inserire un'immagine predefinita in un elemento GridLayout utilizzando i modelli.Qualcuno può fornire suggerimenti?

Ecco il mio modello

<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 aggiungere una nuova immagine di "caricamento" nello slution e nel modello basta applicare un nuovo stile all'immagine e specificare la proprietà dell'immagine di sfondo

L'esempio è mostrato di seguito

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

Puoi aggiungere la proprietà dell'immagine di sfondo alla classe .. Quindi puoi evitare di usare gli stili di linea ..

Modifica l'URL in base a dove memorizzi l'immagine

fai riferimento a questo post