使用handlebars生成css3幻灯片。
模板:
{{#slider}}
<ul>
{{#each images}}
<li><img src="{{url}}"" alt="{{caption}}" /></li>
{{/each}}
</ul>
{{#if infinity}}
<label class="goto-first" for="slides_1"></label>
{{#foreach images}}
<label class="goto-last" for="slides_{{#if @last}}{{@index}}{{/if}}"></label>
{{/each}}
{/if}}
{{/slider}}
假设我有4张图片,首先是好的,我没有触摸它,最后需要返回label.goto-last[for="slides_4]
尝试foreach
,但我正在收集错误。
infinity
是一个滑块选项false
/ true
。
任何想法?感谢。
答案 0 :(得分:1)
如果您正在使用json&#39;数组&#39;,如果当前索引等于数组长度,那么它将是最后一项。