title: Jssor slides with generated content
body: <p>I am trying to incorporate live feed from instagram with Jssor slide show but having problems.
  I have this code here to pull pics from Instagram using special hash tag and place them into the div with id "slides" with attributes <code>u="image"</code> and src url.</p>
  
  <pre><code>function createPhotoElement(photo) {
      if((photo.caption) !== null){var photo_content = photo.caption.text + "  -  ";}      
      else { var photo_content = " "}
      return $('&lt;div&gt;')
     .append(
      $('&lt;img&gt;')
      .attr('u', 'image')
      .attr('src', photo.images.standard_resolution.url)
      )
  }
  </code></pre>
  
  <p>So the result after being generated on the page looks like this: </p>
  
  <pre><code> &lt;div id="slides" u="slides" style="cursor: move; position: absolute; left: 0px; top: 0px; width: 960px; height: 380px;overflow: hidden;"&gt;        
      &lt;div&gt;&lt;img u="image" src="imgURL"&gt;&lt;/div&gt;
      &lt;div&gt;&lt;img u="image" src="imgURL"&gt;&lt;/div&gt;
      &lt;div&gt;&lt;img u="image" src="imgURL"&gt;&lt;/div&gt;
      &lt;div&gt;&lt;img u="image" src="imgURL"&gt;&lt;/div&gt;
      &lt;div&gt;&lt;img u="image" src="imgURL"&gt;&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>BUT the problem is that jssor slides don't see those images being generated on the page. I tried to delay slider code using <code>window.addEventListener()</code> and <code>$(document).ready()</code> function and/or putting script just above the closing body tag and it still not working :(</p>