title: Auto Slide Show of Image is not working in Phonegap
body: <p>Hi I want to do slide of images in particular time duration, which are in my image folder. 
  With below code the images are not displaying. I m not able to figure out the issue, why images are not showing..</p>
  
  <p>Please as i'm newbie in <code>phonegap</code> suggest me how can i do this-</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
      &lt;title&gt;PhotoSwipe&lt;/title&gt;
      &lt;meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport" /&gt;
      &lt;meta name="apple-mobile-web-app-capable" content="yes" /&gt;
  
      &lt;link href="styles.css" type="text/css" rel="stylesheet" /&gt;
      &lt;link href="css/photoswipe.css" type="text/css" rel="stylesheet" /&gt;
  
   &lt;/head&gt;
   &lt;body&gt;
      &lt;script type="text/javascript" src="js/klass.min.js"&gt;&lt;/script&gt;
      &lt;script type="text/javascript" src="js/code.photoswipe-3.0.4.min.js"&gt;&lt;/script&gt;
      &lt;script type="text/javascript"&gt;&lt;/script&gt;
        &lt;div id="MainContent"&gt;
          &lt;div class="page-content"&gt;
              &lt;/br&gt;
              &lt;h1&gt;PhotoSwipe&lt;/h1&gt;
          &lt;/div&gt;
          &lt;ul id="Gallery" class="gallery"&gt;
              &lt;li&gt;&lt;a href="images/full/001.jpg"&gt;&lt;img src="images/thumb/001.jpg" alt="Image 001" /&gt;&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="images/full/002.jpg"&gt;&lt;img src="images/thumb/002.jpg" alt="Image 002" /&gt;&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="images/full/003.jpg"&gt;&lt;img src="images/thumb/003.jpg" alt="Image 003" /&gt;&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="images/full/004.jpg"&gt;&lt;img src="images/thumb/004.jpg" alt="Image 004" /&gt;&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="images/full/005.jpg"&gt;&lt;img src="images/thumb/005.jpg" alt="Image 005" /&gt;&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="images/full/006.jpg"&gt;&lt;img src="images/thumb/006.jpg" alt="Image 006" /&gt;&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="images/full/007.jpg"&gt;&lt;img src="images/thumb/007.jpg" alt="Image 007" /&gt;&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="images/full/008.jpg"&gt;&lt;img src="images/thumb/008.jpg" alt="Image 008" /&gt;&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="images/full/009.jpg"&gt;&lt;img src="images/thumb/009.jpg" alt="Image 009" /&gt;&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="images/full/010.jpg"&gt;&lt;img src="images/thumb/010.jpg" alt="Image 010" /&gt;&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="images/full/011.jpg"&gt;&lt;img src="images/thumb/011.jpg" alt="Image 011" /&gt;&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="images/full/012.jpg"&gt;&lt;img src="images/thumb/012.jpg" alt="Image 012" /&gt;&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="images/full/013.jpg"&gt;&lt;img src="images/thumb/013.jpg" alt="Image 013" /&gt;&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="images/full/014.jpg"&gt;&lt;img src="images/thumb/014.jpg" alt="Image 014" /&gt;&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="images/full/015.jpg"&gt;&lt;img src="images/thumb/015.jpg" alt="Image 015" /&gt;&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="images/full/016.jpg"&gt;&lt;img src="images/thumb/016.jpg" alt="Image 016" /&gt;&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="images/full/017.jpg"&gt;&lt;img src="images/thumb/017.jpg" alt="Image 017" /&gt;&lt;/a&gt;&lt;/li&gt;
              &lt;li&gt;&lt;a href="images/full/018.jpg"&gt;&lt;img src="images/thumb/018.jpg" alt="Image 018" /&gt;&lt;/a&gt;&lt;/li&gt;
          &lt;/ul&gt;
      &lt;/div&gt;
  
        &lt;script&gt;
            (function(window, PhotoSwipe)
             {
             document.addEventListener('DOMContentLoaded', function()
                                       {
                                       var
                                       options =
                                       {
                                       preventHide: true
                                       },
                                       instance = PhotoSwipe.attach( window.document.querySelectorAll('#Gallery a'), options );
                                       instance.show(0);
  
                                       }, false);
             }
             (window, window.Code.PhotoSwipe));
  
            &lt;/script&gt;
  
   &lt;/body&gt;
   &lt;/html&gt;
  </code></pre>