title: fotorama how to work with ajax
body: <p>I got two problems by using ajax in fotorama</p>
  
  <p>i) before ajax, my code is:</p>
  
  <pre><code>&lt;div id="AjaxPhoto" class="fotorama" data-nav="thumbs" data-ratio="4/3"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>after ajax, my code is:</p>
  
  <pre><code>&lt;div id="AjaxPhoto" class="fotorama" data-nav="thumbs" data-ratio="4/3"&gt;
    &lt;img src="1.jpg" /&gt;
    &lt;img src="2.jpg" /&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>the fotorama may work or not work in this case</p>
  
  <p>ii) assume the fotorama works 'successfully', when I clear data by</p>
  
  <pre><code>$("#AjaxPhoto").empty();
  $(".fotorama--hidden").remove();
  </code></pre>
  
  <p>and then add the other images, the fotorama is exactly not work again. Does fotorama support ajax?</p>