View Full Version : preloaded slide show

06-14-2005, 06:53 PM

Can someone help me figure out why I can't get this script to work? I followed the instructions but I'm not sure if I placed the info into the proper places within the header and body.


Thanks in advance!

Newbie at scripts.

06-15-2005, 03:49 AM
Use a text editor and make this:
<body background=<FONT color=#ff0000>onLoad="StartSlideShow()"</FONT>&gt;"images/German_Shep_2.jpg" link="#FFFFFF" vlink="#FFFFFF" alink="#FFFFFF" bgcolor="#C0C0C0">look like this:
<body onLoad="StartSlideShow()" link="#FFFFFF" vlink="#FFFFFF" alink="#FFFFFF" bgcolor="#C0C0C0">Then in the script where it has:
var Slides = new Array('image1.gif','image2.gif','image3.gif');(still using a text editor) change the image1.gif - image2.gif, etc. to your images. Make sure to upload your images to the same directory as the page. There might be other problems but, that should do it. Without the above changes, it will never work.

06-15-2005, 06:19 PM
Thanks. I tried that, and it still isn't working.

Do upload it in ASCII or Binary?

Thanks for your help in advance.

06-15-2005, 06:44 PM
The images should be uploaded binary though, most methods of uploading will detect this and correct for it if you choose wrong. In Fact, the images are there, named correctly and in the right place, they may be a bit large but, we will worry about that later if it is a problem. The real problem appears to be one of using the proper case, use:
<body onLoad="StartSlideShow()" link#FFFFFF vlink="#FFFFFF" alink="#FFFFFF" bgcolor="#COCOCO">instead of:
<body onload="startslideshow()" link#FFFFFF vlink="#FFFFFF" alink="#FFFFFF" bgcolor="#COCOCO">

06-15-2005, 11:41 PM
Thanks! It's working!

Now is there any way to change the size of the pictures so they are actually bigger? If not, can you recommend a slide show that caches the pictures like this one does but is bigger in size?


06-16-2005, 02:52 AM
A little bit about image sizes, names, the internet and slideshows. Ideally, all images in a slideshow should be of the same dimensions as each other. In this slideshow, the apparent size of the images is governed by this part of the html code:
<td colspan=2><img name="Screen" width=108 height=135></td>It should be set to the actual size of the images. However, as it stands now, the images are of various sizes and, you have one whose name is 'image4.JPG' but, in the code you refer to it as 'image4.jpg'. Capitalization counts, often not locally but, usually on the internet, it does.


Choose and/or process your images so that they are all the same width and height. Set your display area's dimensions to this width and height. Make sure the names used in the code match exactly the filenames of the images.

Note: Due to the fact that the above mentioned display area is itself inside a table and perhaps other elements with assigned dimensions, simply changing the display area's dimensions may not be enough to change the apparent size of the images. But, as I seem to keep saying, let's worry about that later, if it is a problem.