0
使用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
。
任何ideeas?謝謝。
謝謝。是的,我正在使用json數組和'images.length'這個竅門 – Adrian
實際上這裏有一個問題..對於3張圖片我有@index返回0,1,2和images.length返回3.我怎樣才能得到2而不是3?像長度-1 – Adrian
找到一個解決方案,使用Handlebars.registerHelper {「last images,function(array){return array.length-1;}); – Adrian