title: JQuery Mobile and swipe.js requires a touch even to load first image
body: <p>I am currently making a mobile site that has a rotating slideshow. I am using the latest version of JQuery Mobile (1.9.1) and Brad Birdsall's swipe.js.</p>
  
  <p>The problem I am having is that in order to view the first slide, which has #advertising-consumer in it, I must drag the page down by about 10-20px in order for it to load.  Once I perform that it works perfectly, is there a known bug with this, or a script I can use to simulate this?</p>
  
  <p>here is some code in case you need it.</p>
  
  <pre><code>html
  body
  &lt;div data-role="page" data-theme="a" id="port"&gt;
  &lt;div data-role="header" class="header-index" data-position="inline"&gt; &lt;a href="#index" data-rel="back" class="ui-btn-left ui-btn-back" data-icon="arrow-l"&gt;Back&lt;/a&gt;
  &lt;div class="logo-interior"&gt;&lt;a href="index.php"&gt;&lt;img src="images/spacer.png" width="75" height="40" alt="logo"&gt;&lt;/a&gt;&lt;/div&gt;
  &lt;/div&gt;
  &lt;div data-role="content" data-theme="a" style="width:320px; margin-left:0px; margin-right:0px;"&gt;
  &lt;div id='mySwipe' style='max-width:320px;margin:0 auto' class='swipe'&gt;
  &lt;div class='swipe-wrap'&gt;
  &lt;div&gt;
  &lt;div class="portfolio-image"  id="advertising-consumer"&gt;
  &lt;p class="portfolio-subhead-orange"&gt;Advertising&lt;/p&gt;
  &lt;/div&gt;
  &lt;p class="portfolio-body"&gt;Text goes here&lt;/p&gt;
  &lt;/div&gt;
  &lt;div&gt;
  &lt;div class="portfolio-image"  id="animation"&gt;
  &lt;p class="portfolio-subhead-orange"&gt;Animation &amp; Video&lt;/p&gt;
  &lt;/div&gt;
  &lt;p class="portfolio-body"&gt;Text goes here&lt;/p&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  &lt;script src='js/swipe.js'&gt;&lt;/script&gt; 
  &lt;script&gt;
  var elem = document.getElementById('mySwipe');
  window.mySwipe = Swipe(elem, {
  startSlide: 0,
  // auto: 3000,
  // continuous: true,
  // disableScroll: true,
  // stopPropagation: true,
  // callback: function(index, element) {},
  // transitionEnd: function(index, element) {}
  });
  &lt;/script&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>Any help would be much appreciated, and I apologize for wasting time if I made a bone-head mistake.</p>