|
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. | |
| WIDTH | This is the width of the cover image. |
| HEIGHT | Height of the cover image. |
| COVER URL | This is the image that you want to appear on top as the page is loaded or reloaded. |
| CAPTION | This is the caption that appears below the cover image--such as Click Buttons or My Art Work. |
| PICTURE URL | This 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. |
| CAPTION | This 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.