Using the last image in an array

Question

Sorry if wrong format or dumb question, I'm new to this. I use knockout js and normally use it to find a image with an index and display it, however, I'm wondering if it is possible to ensure it is the last image that gets used regardless of index number, below is an example of the code I currently use.

  <div style="position: absolute; right: 0px; bottom: 0px">
    <!-- ko foreach: PropertyDetails().Images() -->
    <!-- ko if: DocumentSubType().SystemName() === "Photo" -->
    <!-- ko if: $index() === 7 -->
    <div
      data-bind="attr:{id: 'picture-' + Id() }, widget: {
                kind: 'ImageManipulator',
                config: {
                    width: '546px',
                    height: '380px',
                    imageUrl: Url().indexOf('http://www.example.com/estate-agent-software/ImageResizeHandler.do') == -1 ? Url() + '?width=NaN' : Url() + '&width=NaN'
                },
                identification: {
                    Id: 'property-image-' + Id()
                }}"
    ></div>
    <!--/ko-->
    <!--/ko-->
    <!--/ko-->
  </div>

I would extend your image object and add there a field called isLast. UI shouldn't know and care about indexes and images count :) — Aleksej Vasinov
– Aleksej Vasinov, Commented Sep 29, 2023 at 5:36

2ndLineDan · Accepted Answer · 2023-10-02 15:51:57Z

1

changing out the last ko if: to

 <!-- ko if: $index() === $parent.PropertyDetails().Images().length - 1 -->

did the trick, just in-case anyone else comes across this question :)

edited Oct 2, 2023 at 15:51

answered Oct 2, 2023 at 15:51

2ndLineDan

112 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Using the last image in an array

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related