The scrolling images ticker displays a line of images, with optional sprocket-holes to give a cine-film effect. The line of images then scrolls horizontally, allowing many more images to be included than will fit on the screen at one time. Each image can have a caption, and can be a hotlink to another URL.
The applet class ScrollingImages supports the following applet parameters:
param | purpose |
---|---|
interval | time delay between frames, in ms (default: "250") |
stepsize | number of pixels scrolled each frame (default: "4")
(negative values give right-to-left scrolling) |
images | total number of images to include in the strip |
sprockets | 0=none, 1=film sprockets |
In the following parameter names, N can be any number from 1 to the total number of images in the strip | |
srcN | URL (absolute, or relative to the page) of the image of the image file to use for the N'th image (default: no image) |
captionN | caption text for the N'th image (default: no caption) |
hrefN | URL hot-link for the N'th image (default: not a link) |
Here is an example of an applet tag for ScrollingImages.
<applet code="com.ibm.hci.navigation.applet.ScrollingImages" width=400 height=400> <param name="images" value="10"> <param name="sprockets" value="1"> <param name="src1" value="images/face1.gif"> <param name="caption1" value="Mr Adams"> <param name="href1" value="http://www.aaa.com/adams"> <param name="src1" value="images/face2.gif"> <param name="caption1" value="Mr Bowie"> <param name="href1" value="http://www.bbb.com/bowie"> <param name="src1" value="images/face3.gif"> <param name="caption1" value="Mr Cowes"> <param name="href1" value="http://www.ccc.com/cowes"> <param name="src1" value="images/face4.gif"> <param name="caption1" value="Mr Dobbs"> <param name="href1" value="http://www.ddd.com/dobbs"> <param name="src1" value="images/face5.gif"> <param name="caption1" value="Mr Eylie"> <param name="href1" value="http://www.eee.com/eylie"> <param name="src1" value="images/face6.gif"> <param name="caption1" value="Mr Fring"> <param name="href1" value="http://www.fff.com/fring"> <param name="src1" value="images/face7.gif"> <param name="caption1" value="Mr Gonns"> <param name="href1" value="http://www.ggg.com/gonns"> <param name="src1" value="images/face8.gif"> <param name="caption1" value="Mr Howes"> <param name="href1" value="http://www.hhh.com/howes"> <param name="src1" value="images/face9.gif"> <param name="caption1" value="Mr Irily"> <param name="href1" value="http://www.iii.com/irily"> <param name="src1" value="images/face10.gif"> <param name="caption1" value="Mr Jones"> <param name="href1" value="http://www.jjj.com/jones"> </applet>