javascript - Dynamically Load Jquery Slider Images, after Page Loads with Jquery/Ajax -
i using unslider (unslider.com).
it works fine, if have images loaded on page load.
however, want load slider, , fill in slides later, in function gets images ajax call server.
the slider:
<div class="slider"> <ul id="slider-ul"> <li><img id="slider-img-1" class="bjqs-slide-img" src="" alt="" /></li> </ul> </div> the slider gets images ajax call (which have verified calling data correctly, , $.each function (which seems working fine...):
$.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>'); }); if use dev tool/inspector in chrome, can see slides populated images correctly. slider broken. assuming because slides loaded after slider code.
any suggestions?
Comments
Post a Comment