This is a demonstration of the slideshow feature of the cf_img tag.
I have included one example below.
The Image element, which is empty (no closing element), has these attributes:
SLIDESHOW="comma separated image list"
The SLIDESHOW attribute is ONLY applied to the tag within the header tags.
It allows for the tag to be used for creating a slide show of images.
Leaving the value blank allows the need of a drop down form box to specify the images to be shown.
<HTML>
<HEAD>
<TITLE> whatever <TITLE>
<cf_img javacode slideshow="image1.gif,image2.gif,image3.jpg">
<HEAD>
The tag requires the following form to be on the page with appropriate values if left blank:
<form name=slideform>
<select name="slide" onChange="slideshow_change();">
<option value="image1.gif" selected>1
<option value="image2.gif">2
etc...
</select>
</form>
FIRST,
PREV,
NEXT,
LAST,
START,
STOP,
ROTATE
The FIRST, PREV, NEXT, LAST, START, STOP, ROTATE attributes define images
that are also buttons to operate the slideshow functionality.
The ROTATE attribute is the same as having stop and start only in one button not two.
When any of these properties are added to the tag the NAME
property becomes the element name and HREF attributes are ignored to
allow for the code required to perform the appropriate function.
<cf_img src="whatever.gif" src2="whatever2.gif" first>
NOPROPS
The NOPROPS attribute is used to bypass the cf_imgsize tag.
This is also used when you wish to allow slideshow images to be displayed in different sizes.
The following code:
<head>
<title>Whatever</title>
<cf_img javacode rotatedelay="1000" slideshow="ssimg/contact.gif,ssimg/hardware.gif,ssimg/history.gif,ssimg/network.gif,ssimg/tech.gif,ssimg/web.gif">
</head>
<body>
<p align="center"><cf_img name="show" src="ssimg/contact.gif"></p>
<p align="center">
<cf_img first src="ssimg/arrow1.gif" src2="ssimg/arrow1on.gif">
<cf_img prev src="ssimg/arrow2.gif" src2="ssimg/arrow2on.gif">
<cf_img start src="ssimg/start.gif">
<cf_img stop src="ssimg/pause.gif">
<cf_img rotate src="ssimg/pause.gif">
<cf_img next src="ssimg/arrow3.gif" src2="ssimg/arrow3on.gif">
<cf_img last src="ssimg/arrow4.gif" src2="ssimg/arrow4on.gif">
</p>
Will produce the following output:
© 2002 last update: 6-Feb-2002, Marcel @ Serious Multimedia