unslider (unslider.com) を使用しています。
ページの読み込み時に画像が読み込まれていれば、問題なく動作します。
ただし、サーバーへの AJAX 呼び出しから画像を取得する関数で、スライダーを読み込み、後でスライドに入力したいと考えています。
スライダー:
<div class="slider">
<ul id="slider-ul">
<li><img id="slider-img-1" class="bjqs-slide-img" src="" alt="" /></li>
</ul>
</div>
スライダーは ajax 呼び出しから画像を取得します (データを正しく呼び出していることを確認しました)、および $.each 関数 (正常に動作しているようです...):
$.each(html.listing.photos, function (i, v) {
$("#slider-ul").append('<li><img id="slider-img-'+html.listing.data[0].listno+'" class="bjqs-slide-img" src="'+v+'" alt="" /></li>');
});
Chrome で開発ツール/インスペクターを使用すると、スライドに画像が正しく取り込まれていることがわかります。ただし、スライダーが壊れています。スライダーコードの後にスライドが読み込まれたためだと思います。
助言がありますか？