|
setting up your files
The first thing you will want to is create a folder/directory to contain your slide show. You may name it anything that you like. For example, let's call it:
 show
Inside that folder/directory you will need three HTML files and two sub-folders.
|
NOTE: All of the files are supplied in the template that you will soon download.
|
 index.html
open.html
clicker.html
myshow.js
clicker_control.js
clicker_functions.js
dark.css
light.css
buttons
images
Now let's review what each of these files do...
index.html
This is the file that sets up the layout of the frames. It sets up the following regions of our display:
open.html
This file creates the opening screen of your slide show and appears in the slide frame. The format for this screen is created automatically by the jClicker.
clicker.html
This file provides all of functionality that is built into clicker frame. There is nothing to edit here as it is merely a template.
myshow.js
This text file (an external JavaScript file) includes parameters you can edit to design your slide show, including image file names, captions, etc. It is read by the clicker.html file when it loads. We'll go into more detail in a later section.
clicker_control.js
clicker_functions.js
These files contain all of the JavaScript programming code that make it work. There is nothing you need to do with these files, just make sure you have them!
dark.css
light.css
These files are Cascading Style Sheet (CSS) documents, specifications for formatting the background color, text that appears on the title screen and the slide captions, as well as the box that surrounds the displayed image. If you are familiar with CSS, you can easily customize the appearance by editing these text files. If not, just leave them alone! There are two different versions, dark.css and light.css to format slide shows with dark or white backgrounds.
buttons
These are static images used to present the buttons for the jClicker. Leave them alone!
images
This is where you should put all of your slide image files and HTML files for non-image content.
Next:
It is time to organize all of the pictures for your show Go!...
|
