I'm setting up an iPad-Kiosk and need to cycle through images as a slide-show. Right now I use this very basic code:
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>test</title>
<script src="jquery-2.1.1.min.js"></script>
<script src="jquery.cycle2.min.js"></script>
</head>
<body>
<div class="cycle-slideshow">
<img src="img/01.jpg">
<img src="img/02.jpg">
<img src="img/03.jpg">
<img src="img/04.jpg">
<img src="img/05.jpg">
<img src="img/06.jpg">
<img src="img/07.jpg">
<img src="img/08.jpg">
<img src="img/09.jpg">
<img src="img/10.jpg">
<img src="img/11.jpg">
<img src="img/12.jpg">
<img src="img/13.jpg">
</div>
</body>
</html>
But what I really want is to autoload all image-files from a folder. How can I populate a list of image-file-names using ajax/jQuery? Sadly I cannot use php.
thanks!