2017-03-03 3 views
0

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.

Antwort

1

Wenn Sie mit einem json 'Array' arbeiten, wenn der aktuelle Index gleich der Array-Länge ist, dann ist es der letzte Eintrag.

How to find Array length inside the Handlebar templates?

+0

danke. ja ich benutze json array und 'images.length' das hat den Trick gemacht – Adrian

+0

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

+0

eine Lösung gefunden, die {{last images}} mit Handlebars.registerHelper ("last", function (array) {return array.length-1;}); – Adrian

Verwandte Themen