【luminous】画像を矢印で切り替えるとキャプションが変わらない(スマホ)

前提・実現したいこと

・「luminous」を使って写真一覧を制作しました
・クリックすると画像が拡大表示
・拡大時、左右には前後の画像に移動する矢印ボタン
・拡大時、画像の下には画像についてのキャプション(ひとこと)が表示されます

発生している問題・エラーメッセージ

スマホのみ以下の不具合が発生します。(PCは問題ありません。)

①画像をポップアップ
②左右の矢印をタップして、画像を切り替え
③画像は変わりますが、**画像下のキャプションだけが切り替わりません。**

解決策がわかる方は教えていただけると嬉しいです。。。

該当のソースコード

 <a class="zoom-in" href="./images/1.JPG"><img class="lazyload" data-src="./images/1_s.JPG" alt="キャプション①”></a>

<a class="zoom-in" href="./images/2.JPG"><img class="lazyload"  data-src="./images/2_s.JPG" alt="キャプション②”></a>

<a class="zoom-in" href="./images/3.JPG"><img class="lazyload"  data-src="./images/3_s.JPG" alt="キャプション③”></a>

<a class="zoom-in" href="./images/4.JPG"><img class="lazyload"  data-src="./images/4_s.JPG" alt="キャプション④”></a>

<!-- Luminousスクリプト-->
<script>
var options = {
  caption: function (trigger) {
    return trigger.querySelector('img').getAttribute('alt');
  },
}
var luminousTrigger = document.querySelectorAll('.zoom-in');
if( luminousTrigger !== null ) {
  new LuminousGallery(luminousTrigger, {}, options);
}
var options = {
	namespace: null,
	sourceAttribute: 'href',
	captionAttribute:null,
	openTrigger: 'click',
	closeTrigger: 'click',
	closeWithEscape: true,
	closeOnScroll: false,
	appendToSelector: 'body',
	onOpen: null,
	onClose: null,
	includeImgixJSClass: false,
	injectBaseStyles: true,
};	

var options = {
  caption: function (trigger) {
    return trigger.querySelector('img').getAttribute('alt');
  },
}
</script>