View Full Version : Clip Slide Show

10-03-2010, 03:07 PM
1) CODE TITLE: Clip Slide Show


Vic Phillips
see link for notes.

The slide show frames may be defined by the HTML code nested within a parent DIV element or if images by an array.
The frames are clipped horizontally or vertically and displayed in a DIV element.
Rotating the slideshow slides the current clips out of the the next set of clips into the the DIV element.
There are 21 plus random types of execution to slide the clips horizontally or vertically over a specified duration.
There are 8 basic effect types:
for Horizontal Modes:
1 = slide right from the top, 2 = slide right from the bottom, 3 = slide left from the top, 4 = slide left from the bottom,
for Vertical Mode
5 = slide down from the left, 6 = slide down from the right, 7 = slide up from the left, 7 = slide up from the right,
9 = horizontal blind down, 10 = horizontal blind up, 11 = vertical blind left, 12 = vertical blind right,
13 = opacity.
14 = random.
The basic slide effect types can be extended by the SlideOut option
to slide the previous clips out, this extends the available effect types to 21.
The slideOut option is inhibited if type 14(random) is selected.

The script includes optional auto rotation, pagination, add event calls and persistance to remember the last frame.
If the slide show element is an image a link may be attached.

The code allows as many Clip Slide Shows on the page as required.

4) URL TO CODE: http://www.vicsjavascripts.org.uk/ClipSlideShow/ClipSlideShow.htm

or, ATTACHED BELOW (see #3 in guidelines below):