3QuarksAppletsMetamorphoseParameter
Deutsch
The characteristics of the applet "Metamorphose" can be configured using twelve parameters. Please note that in this example only ten parameters are used. The other two parameters are descriped on the page "Platonic Universe." With this additionally parameters you can insert pictures and animations in the panorama picture.


Metamorphose Background


  <applet code=Metamorphose.class width=540 height=298>
    <param name=BackgroundColor value="#515F60">
    <param name=BackgroundImage value="Background.jpg">
    <param name=PanoramaRect    value="10,10,520,241">
    <param name=PanoramaTile    value="PanoramaTile.gif">
    <param name=PanoramaImage   value="Metamorphose#.jpg,20">
    <param name=PanoramaSize    value="5000,241">
    <param name=PanoramaMessage value="load panorma picture # from 20">
    <param name=ScrollerRect    value="34,265,144,20">
    <param name=ScrollerThumb   value="Thumb.gif">
    <param name=Delay           value="50">
  </applet>
ParameterBackgroundColor
  <param name=BackgroundColor value="99,99,99">
  <param name=BackgroundColor value="#636363">


With the parameter "BackgroundColor" you can configure the background color of the applet. The color is specified either by using a comma separated string with values for red, green and blue or alternatively using the hexadecimal HTML format "#rrggbb." When the applet is initially displayed, the background is filled as fast as possible with this color. Even if the applet uses a background image, a background color should be always specified. Otherwise the applet default background color (light-grey) appears first.
ParameterBackgroundColor
  <param name=BackgroundImage value="Background.jpg">

The optional background picture of the applet is set by the parameter "BackgroundImage." The value specifies the file name of the background picture. The currently supported image formats are GIF and JPG. If the applet is smaller, then the background picture is truncated on the right and bottom sides.
Background
Background.jpg, 540 × 298 pixel
ParameterPanoramaRect
  <param name=PanoramaRect value="10,10,520,241">

With the parameter "PanoramaRect" you can set the output area for the panorama. The first two values specify the position relative to the upper left corner of the applet, the last two values specify the width and height of the output area. If this parameter is missing, then the entire applet will be uses as output area. If the panorama is heighter as the output area, then the user can move the panorama vertically with the mouse. If the panorama is smaller, then the border under the panorama will be filled with a background pattern. In this example a rectangle is used whose top-left corner is (10, 10), and whose width is 520 pixel and height is 241 pixel.
ParameterPanoramaTile
  <param name=PanoramaTile value="PanoramaTile.gif">

With the optional parameter "PanoramaTile" you can specify a background pattern for the output area. This pattern will be used while the applet is loading the panorama pictures. It will be also used if the panorama is smaller then the output area. For the pattern you should use so-called seamless tiles. If this parameter is not specified, then the background color will be used.
PanoramaTile PanoramaTile.gif
48 × 48 pixel
ParameterPanoramaImage
  <param name=PanoramaImage value="Metamorphose#.jpg,20">

Normally the panorama is build by a number of single pictures. In such case the first value - "Metamorphose#.jpg" - specify a template for the picture filenames. The character "#" is used as a placeholder for the image number. The first picture start with the number "01". In this example the panorama picture is build by zwenty single pictures with the names "Metamorphose01.jpg", "Metamorphose02.jpg" ... "Metamorphose20.jpg". The second value specify the number of the single pictures.

Here you can see the first two pictures for the panorama "Metamorphose II":
Metamorphose01

Metamorphose01.jpg, 250 × 241 pixel
Metamorphose02

Metamorphose02.jpg, 250 × 241 pixel
ParameterPanoramaSize
  <param name=PanoramaSize value="5000,241">

With the paramter "PanoramaSize" you must specify the size of the whole panorama picture. In this example the panorama has a size of 5000 pixel × 214 pixel.
ParameterPanoramaMessage
  <param name=PanoramaMessage value="load panorma picture # from 20">

With this parameter you can specify a short text message. This text is displayed in the status line of the browser, when the applet is loading the panorama pictures. The character "#" is used as a placeholder for the current image number. In this example the following message texts are shown in the status line: "load panorma picture 1 from 20", "load panorma picture 2 from 18" ... "load panorma picture 20 from 20"
ParameterScrollerRect
  <param name=ScrollerRect value="34,265,144,20">

With the parameter "ScrollerRect" you can specify a rectangle for the scroller. The first two values determine the position relative to the upper left corner of the applet, the last two values determine the width and height of the scroller rectangle. The scroller thumb can be moved only inside this rectangle. In this example the scroller rectangle is set to the position (34, 265) und has a size of 144 × 20 pixel.
ParameterScrollerThumb
  <param name=ScrollerThumb value="Thumb.gif">

With this parameter you can specify a image for the scroller thumb. The currently supported image formats are GIF and JPG. After the applet is starting or if the user has clicked on the panorama, then the scroller will be centered horizontally in the scroller rectangle. This is the initial position of the thumb. If this parameter is missing, then no scroller will be used.
Thumb Thumb.gif, 9 × 20 pixel
ParameterDelay
  <param name=Delay value="50">

With the parameter "Delay" you can set the delay time between the animation phases. The numeric value indicates the delay time in units of milliseconds.

Normally you must not use this parameter. In such cases a default value with 50 milliseconds is used.
May 21, 2000