jQuery tmpl显示在图像上加载图像

Question

我有一个像这样的模板

<script id="itemtemplate" type="text/x-jquery-tmpl">
    <img id="photo${id}" src="${$item.image(filename)}" />
</script>

可以很好地显示图像，但在页面加载和实际显示的图像之间，我希望有一个ajax加载动画gif。

所以我的初始模板看起来像是这样

<script id="itemtemplate" type="text/x-jquery-tmpl">
    <img id="photo${id}" src="../../media/images/loadingsm.gif" />
</script>

现在，当模板被触发时，src将替换为${$item.image(filename)}