owlCarousel Dynamic content with ajax/json

owlCarousel Dynamic content with ajax/json

Hi im very new to all things web and I apologise now if what im asking is ridiculous.

I have after days of research mastered my first ebay api call and would like to display the results in owl carousel.

I have download the latest version of owl carousel and can get that working showing content im hosting. Here where the problem starts there are examples of how to obtain dynamic content using ajax/json but i don't understand them I have had a play but cant get this to work.

Is there any one that could possible explain to me how this should be done in layman's terms i have included an example js file I have found but im unsure as to how the html should be constructed and how to build content part of the script.

Any help would really be appreciated.

thanks




//Javascript var owl = $('.owl-carousel'); owl.owlCarousel({ nav:true, margin:10, loop:true, responsive:{ 0:{ items:2 }, 1000:{ items:3 } } }); $.ajax({ url: '../demos/JSON/demo.json', dataType: 'json', success: function(data) { var content = ''; for (i in data.owl) { content += data.owl[i].item; } owl.trigger('insertContent.owl',content); } });