【js】【javascript】【Swiper】swiperによる画像の表示

現在，Websocketを使って受け取った画像URLを用いて
Swiperhttps://qiita.com/SatoshiAoki0419/items/a5ebcb68d82411ccb3ceで画像を表示するコードを書いています．

Websocketで非同期に画像URLを取得しているせいか，
URLを取得して初回表示時に画像が表示されない問題があります．
起きている現象としては，
・初期カーソルが一番目になっていない
・初期カーソルに当てられている画像の左側の画像が表示されない
の２つです．

たとえば，５つの画像URLを取得したとすると，４番目の画像が最初に中央，つまり初期カーソルが４つ目にあてられており，
そのとき，その４番目の画像の両サイドに　３番目の画像と５番目の画像がちょっと映ると思いますが，
５番目の画像は映り，３番目の画像は映っていません．
ただ，矢印アイコンをクリックして左右の画像を見ようとすると，すべて正常に表示されます．
矢印アイコンをクリックした後はSwiper仕様通りに，中央に映っている画像の両サイドには正常に前後の画像がちょっと映っています．

現状の問題点としては２つあり，画像URLを受け取った初期表示時に
・初期カーソルが一番目になっていない（正確には，ｎ個の画像URLがある場合，n-1個目にカーソルが合う）
・その初期カーソルの左側の画像が初期状態では表示されない．
というものです．

少しの操作のあと，正常に動作することから，
Swiperの初期化や，画像URLを受け取ったときのSwiperの初期が問題なのではないかと考えていますが，解決できていません．

よろしくお願いいたします．

以下にSwiperの初期化時コードと，画像URLを受け取った時に画像を入れ替えるコードを記します．

js
1let imagesSwiper = $('images-swiper').swiper({
2	loop: true,
3	slidesPerView: 2,
4	spaceBetween: 10,
5	centeredSlides : true,
6	pagination: '.swiper-pagination',
7	nextButton: '.swiper-button-next',
8	prevButton: '.swiper-button-prev',
9	breakpoints: {
10		767: {
11			slidesPerView: 1,
12			spaceBetween: 0
13		}
14	}
15})

js
1imagesSwiper.removeAllSlides();
2for (var i=0; i < image_urls.length; i++) {
3    let imageURL = image_urls[i];
4    let div = $('<div>').addClass('swiper-slide');
5    let a = $('<a>').attr('href', imageURL).attr('data-lity', '').attr('data-lity-desc', 'test');
6    let img = $('<img>').attr('src', imageURL).attr('width', '100%');
7    a.append(img);
8    div.append(a);
9    imagesSwiper.appendSlide(div);
10}
11imagesSwiper.update(true);