如何在gridLayout项目上放置默认图像?

时间:2012-02-21 08:34:35

标签: javascript html5 windows-8 windows-runtime microsoft-metro

我很好奇如何使用模板将默认图像放到GridLayout项目中。任何人都可以提供任何建议吗?

这是我的模板

<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>

1 个答案:

答案 0 :(得分:0)

只需在slution和模板中添加一个新的“加载”图像 只需将新样式应用于图像并指定背景图像属性

示例如下所示

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

您可以将背景图像属性添加到类中。因此您可以避免使用行样式..

根据存储图像的位置更改网址

参考this post