javascript slideshow

alex90 · 03-17-2013, 05:17 PM

i created a php code that saves in an array to names on the photos from a directory,next i would like to create a javascript slideshow that uses the array,not to load photos manually.i have and upload function on other page so it would be perfect to slideshow dynamically.any ideas?p.s i'm new to html,php,javascript
found this: where "altele/" is directory name and result is the array,but it doesn`t work
var curimg=0
function rotateimages(){
document.getElementById("slideshow").setAttribute("src", "altele/"+result[curimg])
curimg=(curimg<result.length-1)? curimg+1 : 0
}

window.onload=function(){
setInterval(rotateimages(), 2500)
}

felgall · 03-17-2013, 07:14 PM

setInterval(rotateimages, 2500)

otherwise the function runs straight away and the setInterval tries to run what the function returns at the specified interval.

alex90 · 03-17-2013, 08:20 PM

still no slideshow,it just shows the source image that i set

jmrker · 04-13-2013, 05:45 PM

Quote:

Originally Posted by alex90

still no slideshow,it just shows the source image that i set

Works OK for me. Check your attempt against this.

Code:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title> Untitled </title>

<style type="text/css">
 #slideshow { margin: 50px 200px; }
</style>

</head>
<body>
<img id="slideshow">

<script type="text/javascript">
var baseURL = 'http://www.nova.edu/hpd/otm/pics/4fun/';
var result = ['11.jpg','12.jpg','13.jpg','14.jpg','15.jpg'];

var curimg = 0
function rotateimages(){
  curimg=(curimg<result.length-1) ? curimg+1 : 0
  document.getElementById("slideshow").setAttribute("src", baseURL+result[curimg])
}

window.onload=function(){
  document.getElementById('slideshow').src = baseURL+result[curimg];
  setInterval(rotateimages, 2500)
} 
</script>

</body>
</html>

Note: I did not have access to your image directory, so I used mine.
Change the 'baseURL' and result array filenames for your version.