Button Control Image--Instructions

Below is an explanation of the information that you should put in to the fields on the form for this slideshow.
The images should be the same size to be viewed properly. Your first image (cover) will be the size of all the subsequent images viewed.

WIDTHThis is the width of the cover image.
HEIGHTHeight of the cover image.
COVER URLThis is the image that you want to appear on top as the page is loaded or reloaded.
CAPTIONThis is the caption that appears below the cover image--such as Click Buttons or My Art Work.
PICTURE URLThis is the URL of each of your images. You can use relative URL's if your images are in the same directory as the slideshow.

You can delete what is in the textbox on the bottom of the form page and drop your harvested URLs in there. Then CCP individual URLs in to the boxes on the form.
CAPTIONThis is a description of the image that appears beneath the image showing Each caption belongs with each image side by side on the form.

There are spaces to add a cover image plus six images to this slideshow. However if you would like to add more images you can do that in the script. Once you have made a page from the CCP script, go in to the head section and add as many images as you like to this section as shown below:

img7 = new Image ()
img7.src = "Minnie.jpg"
img8 = new Image ()
img8.src = "Image8.jpg"

Add your images to the above following that pattern, two lines per image with the URL on the second line.

text6 = "Mickey Mouse"
text7 = "Minnie Mouse"
text8 = "Image8 caption"

Add a caption for each new image by following this patttern.

function slideshowUp()
{
num=num+1
if (num==8)
{num=7}

Change the number in this section to load each new image as the NEXT button is clicked. You only need to change the if(num==8) to the number of images plus 1, so if your images ended at 10 you woul put 11 in there. Then in the (num=7) section put in the number of your last image. It it was 10 put 10.

Also you may change the size of the textarea that holds the description. You can change the font point size to smaller or larger, as well as the font color on this line.
<span style="font: bold; color:0000ff; font-size:23pt">

And that is it.

GO TO SLIDESHOW TOOL