Photoswipe <li> images took dinamically from a folder

Photoswipe <li> images took dinamically from a folder

Sorry for my English, I am a new to jquery mobile and only have basic knowledge about javascript languages in general; I was playing around with a single page website mobile ( I usually use Dreamweaver CS6) and I reached a good result with photoswipe and everything was good since I had just few images. I have added a lot of them so now I would get the images' link dynamically.

In short, I want to start from a folder on my ftp and read all images file within it and create the <li> items for each one. Can I make this job with jquery mobile or should I use a language like php or .Net

I have read some examples around here and on google but they didn't help me a lot, like this one, I am sure it could be an answer for me in it but I don't know how to starthttp://docs.phonegap.com/en/2.4.0/cordova_file_file.md.html#DirectoryReader

Here some code I'm using:

<link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.css" /> <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script> <script src="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.js"></script> <!-- Librerie PhotoSwipe --> <link rel="stylesheet" type="text/css" href="../PhotoSwipe/photoswipe.css"> <link rel="stylesheet" type="text/css" href="../PhotoSwipe/styles.css"> <script type="text/javascript" src="../PhotoSwipe/klass.min.js"></script> <script type="text/javascript" src="../PhotoSwipe/code.photoswipe-3.0.5.min.js"></script> <!-- End PhotoSwipe --> <script type="text/javascript"> $(document).ready(function(){ var myPhotoSwipe = $("#Gallery a").photoSwipe({ enableMouseWheel: false , enableKeyboard: false, captionAndToolbarAutoHideDelay: 0 }); }); </script>

Then my page

<div data-role="page" id="page"> <div data-role="header"> <h1>Title of my Page</h1> </div> <div data-role="content"> <ul id="Gallery" class="gallery"> <li> <a href="../Images/img04.jpg"> <img src="../Images/img04.jpg" alt=""></a> </li> </ul> </div>
Any help is appreciated, thank you in advance, I am sure my issue here is my limited knowledge.