どうしてもループを１回で終わらせたくて少し弄ってみました。
本当は１回ループしたあとに最初の画像を表示させて終わらせたかったのですが、
何分javascriptの知識がないもので、これが精一杯です。
因みに使ったのはbreak文。
幸か不幸かキャプションは最後消えます。
強引な感じの処理なので、ループが止まった訳ではなく
存在しない次の画像をいつまでもローディングし続けている状態になっている模様。
ネットで検索しても正しいやり方がなかなか見つからない。