dynamic slideshow

[pradeepjain]

script>

// (C) 2000 www.CodeLifter.com
// http://www.codelifter.com
// Free for all users, but leave in this  header
// NS4-6,IE4-6
// Fade effect only in IE; degrades gracefully
 
// =======================================
// set the following variables
// =======================================
 
// Set slideShowSpeed (milliseconds)
var slideShowSpeed = 5000
 
// Duration of crossfade (seconds)
var crossFadeDuration = 3
 
// Specify the image files
var Pic = new Array() // don't touch this
// to add more images, just continue
// the pattern, adding to the array below
 
Pic[0] = '1.jpg'
Pic[1] = '2.jpg'
Pic[2] = '3.jpg'
Pic[3] = '4.jpg'
Pic[4] = '5.jpg'
 
// =======================================
// do not edit anything below this line
// =======================================
 
var t
var j = 0
var p = Pic.length
 
var preLoad = new Array()
for (i = 0; i < p; i++){
   preLoad[i] = new Image()
   preLoad[i].src = Pic[i]
}
 
function runSlideShow(){
   if (document.all){
      document.images.SlideShow.style.filter="blendTrans(duration=2)"
      document.images.SlideShow.style.filter="blendTrans(duration=crossFadeDuration)"
      document.images.SlideShow.filters.blendTrans.Apply()      
   }
   document.images.SlideShow.src = preLoad[j].src
   if (document.all){
      document.images.SlideShow.filters.blendTrans.Play()
   }
   j = j + 1
   if (j > (p-1)) j=0
   t = setTimeout('runSlideShow()', slideShowSpeed)
}
</script>
 

i am using this javascript code for slideshow of images...i am in a small problem.....wht my client requires is tht when ever he puts a image in a particular folder tht image must be involved in the slideshow with out specifying the name of the image in code....is there any way so as to make javascript to pick all images in a folder and create a slideshow

[Dasty]

Your javascript code runs on client computer. So it does not have direct access to get webserver directory structure - content (and it is anyway forbidden on 99% of web servers anyway - i mean browse rights). You have to use server's code (php / aspx) to get all images in web's directory and sent the result to client.

[Sonasang]

Your javascript code runs on client computer. So it does not have direct access to get webserver directory structure - content (and it is anyway forbidden on 99% of web servers anyway - i mean browse rights). You have to use server's code (php / aspx) to get all images in web's directory and sent the result to client.

It's a good solution, but he did say he wanted previous/next buttons.

this should work, though, i did not test it.

<%
'//----------------------------------------------------
'// declare some constants and variables
'//----------------------------------------------------
dim oFileSystem, oFolder, nFile, i, aFilenames, lookUp
 
i = 0
const IMAGE_DIRECTORY = "/path_to_my_image_directory/"
 
'//----------------------------------------------------
'// set up FSO
'//----------------------------------------------------
set oFileSystem = server.createobject("scripting.filesystemobject")
 
'//----------------------------------------------------
'// get all images in image directory, store filenames
'// in array
'//----------------------------------------------------
set oFolder = oFileSystem.getFolder(server.mappath(IMAGE_DIRECTO  RY))
 
'//----------------------------------------------------
'// resize array to fit number of files in directory
'//----------------------------------------------------
redim aFilenames(oFolder.files.count - 1)
 
'//----------------------------------------------------
'// loop through files in folder, assign each to
'// index in array
'//----------------------------------------------------
for each nFile in oFolder.files
   aFilenames(i) = nFile.name
   i = i + 1
next
 
set oFolder = nothing
set oFileSystem = nothing
 
'//----------------------------------------------------
'//determine which image the user wants to look at
'//----------------------------------------------------
if request.querystring("pic") <> "" and isnumber(request.querystring("pic")) then
   lookUp = cint(request.querystring("pic"))
   '//----------------------------------------------------
   '// make sure the value of lookUp doesn't break
   '// our array bounds
   '//----------------------------------------------------
   if (lookUp < 0 or lookUp > ubound(aFilenames)) then 
      lookUp = 0
   end if
else
   lookUp = 0
end if
%>

<html>
<body>
   <img src="<%= IMAGE_DIRECTORY %><%= aFilenames(lookUp) %>" />
   <br />
   <a href="?pic=<%= lookUp - 1 %>"><< Previous</a> &nbsp; <a href="?pic=<%= lookUp + 1 %>">Next >></a>
 
</body>
</html>

..

See to this code which i got from the form forum...
I think it will help u....