|
|
|
This manual scrolling slideshow allows you to scroll through the images vertically up and down
The default size of your images can be any size as the script can be set to show them in a variety of sizes.
My example display above is using the actual full sized images shown at 25% of their default size, click on an image to see it full size in a new window.
You can adjust the size of the images shown in the display either by percentage or with a fixed value by changing the value of variable imageSize, the default setting is 100(%).
Example: setting this value to 25 will show your images at 25% of their default width and height sizes respectively.
If you set variable imageSize to zero the values of fixedWidth and fixedHeight are applied to all the images.
You can adjust the space between the images by changing the value of variable spacerWidth
The images for the display are coded into the image_box div
When an image is clicked its larger version can be shown in a new window.
The larger images are coded into the array in the same order that they are shown in the display, if you are using the full sized images in the display they must still be put in the array.
The height of the display can be set manually or automatically by changing the value of variable autoHeight
If autoHeight is set to 1 the script will set the display to the height of the image with the largest heigh
If autoHeight is set to zero the style height value of the "inner_box" div is used
The width of the display is set automatically and is set to the width of the image with the largest width.
When you mouseover a direction button the display scrolls at a default speed, when you mousedown on a direction button the speed is increased, onmouseup returns the speed to the default setting.
You can adjust the default and maximum speeds at variables defaultSpeed and maxSpeed within the script.