jquery append изображение не загружается

Question

Я пытаюсь добавить изображение внутри слайдера на моем сайте. Я делаю это, потому что URL-адреса изображений поступают из внешнего json.

Проблема заключается в том, что иногда изображение загружается отлично. Иногда мне нужно обновить страницу пару раз, чтобы загрузить ее.

Есть ли способ заставить его загрузить? или другой способ решить эту проблему?

Мой код:

var qtd_slides = infosEvento.slides.length; 
     for(i = 0; i < qtd_slides; i++){ 
      var nomeFeiradebug = jQuery("#slider_feira").append('<li class="item format-image"><img src="http://www.reedalcantara.com.br'+infosEvento.slides[i].url+'"></li>'); 
      jQuery("#slider_feira").append('<li class="item format-image"><img src="http://www.reedalcantara.com.br'+infosEvento.slides[i].url+'"></li>'); 
     } 

Вот ссылка на страницу:
http://bit.ly/1Ikx3G0

Любые идеи? Большое спасибо.

Answer 1

проверить этот код я думаю, что это поможет вам

$('<img src="'+ imgPaht +'">').load(function() { 
    $(this).width(some).height(some).appendTo('#some_target'); 
});