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

Popular posts from this blog

Receive udp packets in android gstreamer -

php - Extract Text from HTTP referer -

matplotlib - PYTHON: Annotate boxes disapear dependant on range -