title: How can I improve the performance of the jquery fancybox plugin?
body: <p>I am using fancybox (http://fancyapps.com/fancybox/) to take a PDF, split it up into individual images and HTML pages and present it as a fancybox gallery. </p>
  
  <p>In the gallery there is a mix of static images and HTML pages with intra-gallery links. To get fancybox to render this properly I treat all the gallery elements as iframes. </p>
  
  <p>So every image is presented on an HTML page with this CSS to make the image a full screen background in the iframe:</p>
  
  <pre><code>html, body {width:1024px; height:768px; padding:0; margin:0; }
  html {overflow: hidden; background: #d3d3d9; }
  body {
  background-image:url('images/slide_2.png');
  background-repeat:no-repeat;
  background-position:center center;
  background-attachment:fixed;
  -o-background-size: 100% 100%, auto;
  -moz-background-size: 100% 100%, auto;
  -webkit-background-size: 100% 100%, auto;
  background-size: 100% 100%, auto;
  }
  </code></pre>
  
  <p>My question is, how can I improve the performance of the animated gallery transitions? I was thinking perhaps finding a way to pre-load the next item in the gallery? Or maybe there is a way to customize the fancybox plugin to improve animation performance? Or both? Looking for suggestions. Thanks. Here's a link to an example of what I'm working on ( link removed for privacy of client ), notice how clunky the animation of the slide moving offscreen is. </p>
  
  <p>Alternatively, is there a better solution than fancybox for a gallery/slide show type experience that must handle both images and HTML pages?</p>