title: In phonegap app, How to display the multiple images selected from the gallery in an html 5 canvas
body: <p>I'm developing a drag and drop app using phonegap. </p>
  
  <p>There are 2 functions selImages() and loadImages()</p>
  
  <pre><code>function selImages() {
      window.imagePicker.getPictures(
          function (results) {
          for (var i = 0; i &lt; results.length; i++) {
              img_arr[i] = results[i];
              ....
          }
          function loadImage() {
              var img_r2 = document.createElement('img');
              img_r2.src = img_arr[2];
              document.getElementById('loadImgDiv2').appendChild(img_r2);
          }
  </code></pre>
  
  <p>To execute these fns. in a single click:</p>
  
  <pre><code>function loadImage()
  {
     selImages()
     //followed by the contents of loadImage fn....
  }
  </code></pre>
  
  <p><a href="http://i.stack.imgur.com/Zyyyj.png" rel="nofollow">3 divs horizontally placed . images not seen</a></p>
  
  <p>pl. help</p>