Link to us
Web Design Toolbox
Home : Slide Shows : Drop Down Slideshow
First, put all your images in the same folder, and ensure that they are all the exact same size. If you have one image smaller than the others, just add some white space around it in your favorite graphics program, so that the images aren't stretched out of shape.
Then, you need to place your first image on the page. Replace
this with your image:
For each image, you need two lines in your script, like this:
These lines define the location of your images. Just change the number for each image to add additional images. LIke this:
image1 = new Image();
Next, you need your text for each image. These follow the
same rules as the images. Just increase the number to add
new text descriptions,
Now change your dropdown list to reflect the titles of your images:
<select name="Myselect" onChange="change()" size="1">
Site designed, coded, and maintained by Web Shorts Site Design.