title: fancybox gallery with custom append elements
body: <p>before opening fancybox gallery i append elements into fancybox inner window but size dosent change and appende't element are overflowed.. , how to resize'it ?</p>
  
  <p>my problem - <a href="http://prntscr.com/4esnpq" rel="nofollow">http://prntscr.com/4esnpq</a></p>
  
  <p>html</p>
  
  <pre><code>    &lt;a class="fancybox" rel="group" href="demo/img1.jpg" &gt;
          &lt;b&gt;title1&lt;/b&gt;
          &lt;em&gt;text1&lt;/em&gt;
          img1
      &lt;/a&gt;
      &lt;a class="fancybox" rel="group" href="demo/img2.jpg" &gt;
          &lt;b&gt;title2&lt;/b&gt;
          &lt;em&gt;text2&lt;/em&gt;
          img2
      &lt;/a&gt;
      &lt;a class="fancybox" rel="group" href="demo/img3.jpg" &gt;
           &lt;b&gt;title3&lt;/b&gt;
          &lt;em&gt;text3&lt;/em&gt;
          img3
      &lt;/a&gt;
      &lt;a class="fancybox" rel="group" href="demo/img4.jpg" &gt;
          &lt;b&gt;title4&lt;/b&gt;
          &lt;em&gt;text4&lt;/em&gt;
          img4
      &lt;/a&gt;
  </code></pre>
  
  <p>javascript</p>
  
  <pre><code>        $(".fancybox").fancybox({
  
              padding: 35,
              titleShow: false,
  
              beforeShow:function() {
  
                  var title = $(this.element).find('b').text();
                  var text = $(this.element).find('em').text();
  
                  $('.fancybox-inner').prepend('&lt;b&gt;'+ title +'&lt;/b&gt;');
                  $('.fancybox-inner').append('&lt;em&gt;'+ text +'&lt;/em&gt;');
  
                  $.fancybox.update();
  
              }
  
          });
  </code></pre>
  
  <p>any solution ? fancybox version 2.</p>