Include Fader in Html Code

To use the Fader, just copy the following lines into a html document and place the files Fader.class and XPanel.class in the same directory.

<applet code = "Fader.class" name="Fader" width = "226" height = "188">
<param name = "sources" value = "cubicSymCurve_only_sm.jpg, cubicSymCurve_hesse_sm.jpg, cubicSymCurve_polare_sm.jpg, cubicSymCurve_duale_sm.jpg">
<param name = "links" value = "cubicSymCurve_only.jpg, cubicSymCurve_hesse.jpg, cubicSymCurve_polare.jpg, cubicSymCurve_duale.jpg">
<param name = "linkTarget" value = "_new">
<param name = "width" value = "226">
<param name = "height" value = "188">
<param name = "stepWidth" value = "5">
<param name = "stepPause" value = "5">
<param name = "endPause" value = "1000">
<param name = "mode" value = "loop_oneway">
<param name = "cursor" value = "hand">
<param name = "bgcolor" value = "0,0,0">
</applet>

Then, you can change the parameters; they have the following meanings:

• 'sources': the images you want to display, separated by commas,
• 'links': the links that should be opened when the used clicks on the image; for each image, you must give exactly one link
• 'linkTarget': where to open this link (e.g. "_self", "_new", "_blanc", etc.),
• 'width' and 'height': the width and height of the images; they should all have the same size,
• 'mode': 'oneway', 'bothways', 'loop_oneway', 'loop_bothways', 'onClick' (click on the image to proceed to the next one), 'onCall' (use the applet's API to control it). Check out how the modes work on the demo page.
• 'stepWidth': fading is done in 100 / stepWidth steps (stepWidth must divide 100, e.g. 2,4,5,10,25),
• 'stepPause': pause for min. stepPause milli-secs between fading-steps,
• 'endPause': delay after having faded from one image to the next.
• 'cursor': 'hand' or 'default', specifies if the mouse cursor changes to 'hand', when the user moves the mouse over the image or not.
• 'bgcolor': background color in RGB value, seperated by commas, e.g.
  • "0,0,0" for black,
  • "255,0,0" for red,
  • "0,255,0" for green,
  • "0,0,255" for blue,
  • "255,255,255" for white.

........................... ...... ......

home | API | in html code