|
organizing your images
You will need to gather the graphics files that will be displayed for your slide show. They should all be in web page image formats such as GIF, JPEG, or PNG. You can download images from the web, create them with a digital camera / scanner, copy them from clip-art CDs, or create them in a graphics program on your computer.
How you get them is up to you, just be responsible and do not use someone else's images without their permission!
If you do not have a handy set of images, you can try looking for them on the web from:
Visitors to your slide show will very much appreciate if you use optimal comrpession on your photographs. Desktop software can easily reduce the file size of your images by a factor of 10 without sacrificing quality. For more help in learning how to shrink download time for your images, see:
Note that the jClicker is specifically designed so that it only will load the images requested- you may have 1000 images in your slide show, but a viewer does not have to eait for all 1000 to download before they can watch the show. As you are viewing one image in the slide show, the jClicker will pre-load the next image ahead of time so it can be seen more quickly.
|
NOTES: The names of the files must exactly match the names you listed; the file names are case-sensitive from a web server (e,g, a file named "Fall-Colors.jpg" is not the same as one named "fall-colors.jpg")
|
The file names for your images should exactly match the names you wrote in your outline (see the planning your show section). For example, in our Grand Canyon example, our slide image files are:
- fall-colors.jpg
- canyon-walls.jpg
- campground.jpg
- black-bridge.jpg
So we would put 4 images and one HTML file inside the images folder/directory:
 index.html
 open.html
 clicker.html
 myshow.js
 clicker_control.js
 clicker_functions.js
 dark.css
 dark.css
 buttons
 images
 fall-colors.jpg
 canyon-walls.jpg
 campground.jpg
 black-bridge.jpg
Next: Now, all we have to do is to tell the jClicker how to run our show! Go!...
|