Ein konfigurierbarer Java-Imageviewer

weitere Beispiele : Beispiele




Beschreibung des Applets

Mit diesem Applet kann man auf einfachste Art und Weise seine zu veröffentlichen Bilder im Internet veröffentlichen, ohne dafür xHTMLSeiten zu generieren und zu füllen.

Es können theoretisch unendliche viele Bilder und deren Texte in die HauptURL aufgenommen werden.
Die Bilder können in vier verschiedene Richtungen und Geschwindigkeiten geblättert werden. Auch kann die Animation weggelassen werden.
Es müssen nicht alle Bilder geladen werden, bevor die Diashow beginnt. Während die Diashow bereits nach kurzer Zeit beginnt, werden im Hintergrund die noch fehlenden Bilder nachgelden.
Zu grosse Grafiken werden automatisch so skaliert und angepasst, das diese genau in den Bildausschnitt passen.
Es können GIF und JPG-Grafiken angezeigt werden

Achtung: Dieses Applet ist mit Java 1.1 geschrieben, es läuft also nur mit IE4.x und NS4.x

Der Applet-Tag

Um dden ImageCube in das HTML-Dokument einzubinden, muß folgender Applet-Tag eingefügt werden:

applet codebase = "."
 code     = "com.salwender.ImageCube.ImageCubeApplet.class"
 name     = "ImageCubeApplet"
 width    = 320
 height   = 270
 hspace   = 0
 vspace   = 0
 archive  = "imagecube.jar"
</applet>

Auf die Applet-Tag Beschreibung gehe ich hier nicht weiter ein, diese Beschreibung kann von anderen Quellen bezogen werden.

<param name="CanvasRect" value="10,10,300,200">

Der Parameter CanvasRect gibt die Grösse und Position des effektiven Bildes an. Also wird hier das Zeichnen der Bilder 10 Pixel von links und 10 Pixel von oben begonnen. Die Bilder müssen eine Grösse von 300x200 Pixel haben.

<param name="TextRect" value="10,210,300,50">

Der Parameter TextRect gibt die Grösse und Position des Textfeldes an. Also beginnt das Zeichnen 10 Pixel von Links, 210 Pixel von Rechts und ist 300x50 gross.

<param name="TextColor" value="#ffff00">

Der Parameter TextColor gibt die Schriftfarbe der Bildbeschreibung im RGB-Format (Hexadezimal) an. Rot=ff, Grün=ff, Blau=00, diese Farbkombination entspricht gelb. Achtung: der '#' muss dem eigentlich RGB-Wert vorgehen. Dieser Parameter ist optional, Defaultfarbe ist weiss!

<param name="ImagePath"       value="images/">
<param name="BackgroundImage" value="background.jpg

Um die Bilder auch optisch toll wirken zu lassen, kann man wie in meinem Beispiel einen Rahmen zeichen. Hier muss mit dem Parameter ImagePath der Pfad für das Hintergrundbild/Rahmen angegeben werden. Mit dem Parameter BackgroundImage spezifiziert man das Hintergrundbild. Auch die anzuzeigenden Bilder müssen in diesem Verzeichnis liegen!

<param name="AnimationType"  value="0">
<param name="AnimationStep"  value="50">
<param name="AnimationStop"  value="3000">
<param name="AnimationSpeed" value="80">

Diese Paremeter geben die Animationsparameter an:
AnimationsType: 0, 1, 2, 3, oder 4, wobei ... 0 ohne Animation, 1 von links nach rechts, 2 von links nach rechts, 3, von oeben nach unten und 4 von unten nach oben.
Die anderen Paremeter sind Einstellunegn für die Geschwindigkeit der Animation, die Pause zwischen den Bilderwechsel und die Anzahl Stufen, die eine Animation durchläuft.

<param name="Image1" value="image1.jpg">
<param name="Text1"  value="Bildtext 1">
<param name="Image2" value="image2.jpg">
<param name="Text2"  value="Bildtext 2">

Mit diesen beiden Tags können die Bilder eingebunden werden. ImageX gibt die Datei an (diese muss im Verzeichnis ImagePath stehen). Zu jedem Bild muss auch ein TextX-Tag angegeben werden, dieser kann aber leer sein.



Ein anderes Beispiel


mehrere Beispiele finden Sie unter best shots

Copyright

Copyright (c) 1999-2004 by Thomas Salwender, All Rights Reserved http://www.salwender.de
Das Applet ist Freeware und kann bei Interesse bei mir bezogen werden.