Mit eine css3-Diashow erstellen.Lenker erhalten den letzten Artikelindex
Vorlage:
{{#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}}
Sagen wir, ich habe 4 Bilder, erste Ordnung ist, ich es nicht berühren und letzte Bedürfnisse gibt diese label.goto-last[for="slides_4]
Versuchte mit foreach
aber ich bin gatting erros.
infinity
ist ein Schieberegler false
/true
.
Irgendwelche Ideen? Vielen Dank.
danke. ja ich benutze json array und 'images.length' das hat den Trick gemacht – Adrian
tatsächlich gibt es ein Problem hier .. für 3 Bilder habe ich @index 0, 1, 2 und images.length gibt zurück 3. Wie kann ich 2 bekommen statt 3? like-length-1 – Adrian
eine Lösung gefunden, die {{last images}} mit Handlebars.registerHelper ("last", function (array) {return array.length-1;}); – Adrian