Ultimate Fade-in slideshow (v1.5) Request

**csdealer** · 08-29-2006, 05:28 PM

1) Script Title: Ultimate Fade-in slideshow (v1.5)

2) Script URL (on DD): http://www.dynamicdrive.com/dynamici...nslideshow.htm

3) Describe problem:

Hi,

I'm new here, I hope you can help. I love this script.

Is there a way to have the JS select all of the photos from a folder and display them in the slideshow without having to type in each of the paths.

I have a large folder of images that continually are updated and changing (adding some each month, deleting others, etc). I do not want to have to modify the script every time I update my photos. I would prefer to have the js take all of the images and just loop thru the entire sequence. I do not need to add links to any of the photos but I do need to control the output size of the photos.

I would greatly appreciate a reply.

Thank you.

**jscheuer1** · 08-29-2006, 06:19 PM

Yes but, the images and the linked pages (if any) would need to be represented by names in a numbered sequence.

Say you had a directory called 'images' with ten images in it numbered 0.jpg to 9.jpg, you could do this:

Code:

var fadeimages=new Array();
for (var i_tem = 0; i_tem < 10; i_tem++)
fadeimages[i_tem]=["images/"+i_tem+".jpg", "", ""] //plain image syntax

Beyond that, you would need to have a server side language. Currently (as far as I know) only PHP and asp/VBscript methods have been worked out for this (pulling a list of images and/or files from a directory). For this slide show script, some modifications would need to be done to one of these server side scripts and using links with the images in the slide show (if desired) would make things more complicated.

**blm126** · 08-29-2006, 06:23 PM

Well, this script manages it without a server side language. It relies on XMLHTTPRequest though. It may be able to be used as a base.

**jscheuer1** · 08-29-2006, 06:36 PM

Originally Posted by blm126

Well, this script manages it without a server side language. It relies on XMLHTTPRequest though. It may be able to be used as a base.

Totally dysfunctional in Opera and probably others. The problem (from the thread you mention) about load times would be lessened by using smaller images and (if possible) preloading.

**csdealer** · 08-29-2006, 11:29 PM

Hello,
Sorry, I have away from my computer this afternoon. Thank you for your reply's. I have found this vbs script (attached) and have made it work except that I do not know how to make it.

Can you help?

Thank you again!

**csdealer** · 08-29-2006, 11:30 PM

sorry, make it loop?

**csdealer** · 08-29-2006, 11:34 PM

If you can't tell, I'm a newbee. Here's the vbs script...

Option Explicit

' slideshow delay in milliseconds
Const lngDelay = 5000

' valid file extensions for slides
Const strValid = ".jpg.jpeg.gif.png"

' output file name
Const strFileName = "slideshow.htm"

' ******************** DO NOT MODIFY BELOW THIS LINE ********************

' Define variables.
Dim objFSO
Dim objOutput
Dim strImage
Dim strExt
Dim strFirst
Dim lngCount
Dim objFolder
Dim objFile

' Create the output file.
Set objFSO = CreateObject("Scripting.FileSystemObject")
Set objOutput = objFSO.CreateTextFile(strFileName)

' Output the page header and beginning of slideshow script.
objOutput.WriteLine "<html>" & vbCrLf & "<head>"
objOutput.WriteLine "<script language=""javascript"">" & vbCrLf & "" & vbCrLf & "</script>"
.WriteLine "</head>" & vbCrLf & "<body onLoad=""setTimeout('LoadImages()'," & lngDelay / 1000 & ");"">"
.WriteLine "<div align=""left"" id=""theDIV"" style=""width: 250px; width: 250px; text-align:center; border:solid 2px #000;""><p>Please wait...<br>"
.WriteLine "Loading " & lngCount & " images...<br>(<span id=""theSPN"">0</span>)</p></div>"
.WriteLine "</body>" & vbCrLf & "</html>"
End With

' Close the output file.
objOutput.Close

**csdealer** · 08-29-2006, 11:37 PM

Here's the html & js that the vbs produces...

<html>
<head>
<script language="javascript">

</script>
</head>
<body onLoad="setTimeout('LoadImages()',5);">
<div align="left" id="theDIV" style="width: 250px; width: 250px; text-align:center; border:solid 2px #000;"><p>Please wait...<br>
Loading 17 images...<br>(<span id="theSPN">0</span>)</p></div>
</body>
</html>