Ein konfigurierbarer 360x360 Grad-Java-Panoramaviewer (mit vielen
Features)
English description
Beispiele
download
Funktionen:
| Verschieben: | Linke Maustaste im Panorama gedrückt halten |
| Einzoomen: | Linke Maustaste und SHIFT-Taste im Panorama gleichzeitig gedrückt halten |
| Auszoomen: | Linke Maustaste und CRTL-Taste im Panorama gleichzeitig gedrückt halten |
| Direktes Positionieren: | Klicke linke Maustaste an die gewünschte Position im Vorschaufenster, (links oben) |
|
Die Bilder können/müssen in Bildsegmente aufgeteilt werden, (beschleunigtes Ladeverhalten) |
|
Um ein schnelles Ladeverhalten zu erzielen, können die Bildsegmente mit einer niedrigen Auflösung geladen werden. Nach dem erfolgreichen Laden werden die Bildsegmente mit der hohen Auflösung nachgeladen. Somit kann man nach kurzer Zeit schon ein Bild sehen! |
|
Optional kann ein Vorschaufenster angezeigt werden, über welches man den aktuellen Anzeigebereich ermitteln kann. Auch kann durch eien Mausklick direkt zum entsprechenden Bildausschnitt gesprungen werden. Die Farben des Vorschaufensters können individuell angepasst werden. |
|
Das Panorama kann horizontal und vertikal um 360 Grad gedreht werden. |
|
Beliegig viele Hotspots können dem Panorama zugeordnet werden, jeder Hotspot kann verschieden dargestellt werden, (Farben, mit oder ohne Link etc.) |
|
Das Panorama kann mit den Tasten SHIFT und STRG ein- und ausgezoomt werden |
Um den Panorama-Viewer in das HTML-Dokument einzubinden, muß folgender
Applet-Tag irgendwor zwischen <BODY> und </BODY> des HTML-FIles
eingefügt werden. Hier ein Beispiel eines Applet-Tags:
| <applet code = "net.salwender.square360.Square360Applet.class"
codebase = "." archive="square360_11.jar" width = 530 height = 350 align = middle name = "Square360Applet" > <param name="color-bg" value="#000000"> <param name="image-path" value="images"> <param name="x-360" value="true"> <param name="y-360" value="false"> <param name="animation-delay" value="50"> <param name="background" value="background.jpg"> <param name="panorama-bg" value="copyright-bg.gif"> <param name="panorama-rect" value="15,15,500,300"> <param name="panorama-zoom" value="100,2,100,200"> <param name="panorama-image1" value="quadrat_r#_c#.gif,4,4"> <param name="preview-jump" value="true"> <param name="preview-scale" value="30"> <param name="preview-color" value="#000000"> <param name="preview-frame-color" value="#FFFFFF"> <param name="preview-raster" value="1"> <param name="default-move-x" value="3"> <param name="default-move-y" value="1"> <param name="keys" value="262467344,5155226400,262467344"> </applet> |
Auf die Applet-Tag Beschreibung gehe ich hier nicht weiter ein, diese Beschreibung kann von anderen Quellen bezogen werden.
Um das Applet Ihren Anforderungen anzupassen, können folgende Parameter
eingestellt werden.
Achtung: nicht gebrauchte Parameter können auch weggelassen werden
| <param name="color-bg" value="#000000"> |
Der Parameter color-bg gibt die RGB-Hintergrundfarbe des Applets
in hexidezimaler Darstellung.
(optional - standardmässig weiss)
| <param name="image-path" value="images"> |
Der Parameter image-path gibt den relativen Ort des Bilderverzeichnisses
an. Alle benutzten Bilder des Applets müssen in diesem Verzeichnis liegen.
Falls die Bilder im gleichen Verzeichnis wie das *.jar-File liegt, dann muss
ein "." eingegeben werden.
| <param name="x-360" value="false"> <param name="y-360" value="false"> |
Die Parameter x-360 und y-360, ob das Panorama
in X-Richtung repektiv in Y-Richtung um 360 Grad gedreht werden kann. "true"
und "false" sind erlaubt. Will ein Panorama z.B in x-Richtung um 360
Grad gedreht werden, so müssen mindestens 2 Teil-Bilder in X-Richtung bestehen,
das geliche gilt für die Y-Richtung (siehe Parameter panorama-imageX)
(optional - standardmässig wird das Panorama begrenzt)
Dieses Panorama wird in X-und Y-Richtung begrenzt / ohne Zoom!
| <param name="animation-delay" value="50"> |
Der Parameter animation-delay gibt die Animationsgeschwindigkeit
in ms an. Numerische Zahlen sind erlaubt.
(ohne Angabe - 50ms)
| <param name="background" value="background.jpg"> |
Mit dem Parameter background kann ein Hintergrund-Rahmen angezeigt
werden. Das Bild muss im Verzeichnis image-path liegen.
(ohne Angabe - ohne Rahmen)
| <param name="panorama-rect" value="0,0,400,100""> |
Mit dem Parameter panorama-rect wird der Ausschnitt des Panoramas relativ zur Appletgrösse bestimmt. Falls nur ein Hindergrund-Rahmen (background) bestimmt wird, so muss der Offset hier bestimmt werden.
| <param name="panorama-bg" value="copyright-bg.gif"> |
Mit dem Parameter panorama-bg kann während des Ladevorganges
ein Hintergrundbild eingeblendet werden.
(ohne Angabe - kein Hindergrundbild)
| <param name="panorama-zoom" value="60,2,60,200"> |
Mit dem Parameter panorama-zoom können die Zoomeigenschaften
eingestellt werden. Die Parameter geben folgende Eigenschaften an.
(Start-Zoom[%], Zoomschritt[%], minimaler Zoom[%], maximaler Zoom[%])
(ohne Angabe - kein Zoom)
Dieses Panorama kann gezoomt werden (SHIFT oder STRG und linke Maustaste)
| <param name="panorama-image1" value="quadrat_r#_c#_low.gif,4,4"> |
Mit dem Parameter panorama-image1 werden die Segmente des Panoramas
angegeben. Die "#" sind Platzhalter für die einzelnen Positionen
der Segmente im Panorama. Der erste Platzhalter gibt die X-Position des Segmentes
an, der zweite Parameter die Y-Postion. Die beiden letzten Parameter (4,4) geben
die Anzahl Segmente in X-Richtung und Y-Richtung an.
Hat der Parameter folgende Werte: img_#_#.gif, dann müssen die Bildsegmente
folgende Namen haben:
| img_01_01.gif | img_01_02.gif | img_01_03.gif | img_01_04.gif |
| img_02_01.gif | img_02_02.gif | img_02_03.gif | img_02_04.gif |
| img_03_01.gif | img_03_02.gif | img_03_03.gif | img_03_04.gif |
| img_04_01.gif | img_04_02.gif | img_04_03.gif | img_04_04.gif |
Für ein 360Grad Panorama sind mindestens 2 Segmente in der entsprechenden
Richtung nötig!
| <param name="panorama-image2" value="quadrat_r#_c#_high.gif,4,4"> |
Um bei hochauflösenden Panoramas ein gutes Ladeverhalten zu erzielen,
wurde dieser Parameter panorama-image2 eingeführt. Beim Start
des Applets werden zuerst die Segmente des panorama-image1 geladen.
Nachdem diese erfolgreich geladen wurden, stehen sämtliche Funktionen des
Panoramaviewers zur Verfügung. Im Hintergrund werden dann die Bildsegmente
des panorama-image2 nachgeladen und die Bildsegmente des Parameters
panorama-image1 werden laufend ersetzt. Somit steht nach relativ
kurzer Zeit schon einen voll funktionsfähigen Panoramaviewer zur Verfügung.
Stellt man den Panoramaviewer eine hohes Zoom zB. 300%, dann empfielt es sich,
2 Panoramas mit unterschiedlicher Auflösung zur Verfügung.
(ohne Angabe - es existiert kein Panorama mit hoher Auflösung)
| <param name="preview-scale" value="30"> |
Der Parameter preview-scale gibt die Skalierung des Vorschaufensters
an (immer zur aktuellen Grösse des Panoramas). Ist der Wert = 0, dann wird
das Vorschaufenster ausgeblendet.
(ohne Angabe - es existiert kein Vorschaufenster)
| <param name="preview-jump" value="true"> |
Ist der Wert des Parameters preview-jump true, so kann mit einem
Klick in das Vorschaufenster direkt zum entsprechenden Segment gesprungen werden.
(ohne Angabe - kein direkter Sprung zu einem Segment)
| <param name="preview-color" value="#FFFF00"> <param name="preview-frame-color" value="#FFFF00"> |
Die Parameter preview-color und preview-frame-color
geben die Farben des Vorschaufensters in hexadezimaler Darstellung an.
(ohne Angaben - Gitternetz und Vorschauframe sind rot)
| <param name="preview-raster" value="1"> |
Der Parameters preview-raster gibt die Rasterung des Gitternetzes
an. 1=jedes Segment wird angezeigt, 2=jedes zweite Segment....
(ohne Angabe - kein Gitternetz wird angezeigt)
Dieses Panorama besitzt ein Vorschaufenster, Klick ins Fenster!
|
<param name="default-move-x" value="5"> |
Mit den Parametern default-move-x und default-move-y kann
eine defaultmässiges verschieben des Panoramas angegeben werden, und zwar
in X- und in Y-Richtung. Das Bild läuft dann entsprechend von links nach
rechts, oben nach unten oder umgekehrt (negative Zahlen).Die Parameter sind
optional, ein Wert 0 entspricht kein verschieben.
Eine Multiplikation von default-move mit animation-delay
ergibt die Anzahl Pixel pro Millisekunde, die das Panorama verschiebt.
|
Dieses Panorama verschiebt von Links nach Rechts |
Dieses Panorama verschiebt von Links nach Rechts und von Unten nach Oben |
| <param name="hotspotX" value="x,y,Breite,Höhe,Sichtbarkeit1,Sichtbarkeit2, TextFarbe,Hintergrundfarbe,Schriftart,Schriftgrösse,Text,Link"> |
Mit dem Parameters hotspotX können Hotspots definiert werden....
Es können beliebig viele Hotspots angegeben werden, wobei X eine laufende
Nummer (beginnend mit 1) ist.
Zum Beispiel hotSpot1, hotSpot2, etc.
| x | Position X [pixel] des Hotspotes, Abstand vom linken Rand (bezogen auf die Originalgrösse des Panoramas) |
| y | Position Y[pixel] des Hotspotes, Abstand vom oberen Rand (bezogen auf die Originalgrösse des Panoramas) |
| Breite | Breite / Bereich[pixel] des Hotspotes (bezogen auf die Originalgrösse des Panoramas) |
| Höhe | Höhe / Bereich[pixel] des Hotspotes (bezogen auf die Originalgrösse des Panoramas) |
| Sichtbarkeit1 | true/false: Soll der Hotspot immer angezeigt werden, Rechteck und den Hotspot mit der Farbe: TextFarbe |
| Sichtbarkeit2 | true/false: Soll der Hotspotangezeigt werden, wenn die Maus ihn gefunden hat. Rechteck und den Hotspot mit der Farbe: TextFarbe |
| TextFarbe | Die RGB-Farbe des HotspotTextes (im Format #rrggbb) siehe auch color-bg |
| Hintergrundfarbe |
Die RGB-Hintergrundfarbe des Textes (im Format #rrggbb) siehe auch color-bg |
| Schriftart |
Mögliche Schriftarten sind: Arial, Helvetica, Courier, Times New Roman, Verdana |
| Schriftgrösse | Gibt die Schrifthöhe an, zB. 11, 12, 14 |
| Text | der eigentliche Text des Hotspotes |
| Link | Es kann ein optionaler Link angegeben werden. Ist diesem HotSpot ein Link zugeordnet, so wird um den eigentlichen Punkt (Mausposition) ein dicker Ring mit der gleichen Farbe wie die Schriftfarbe gezogen. |
Dieses Panorama besitzt 5 HotSpots!
| <param name="keys" value="123456789,6543210"> |
Hier werden die Keys (Freischaltcodes) kommasepariert hinterlegt. Ein Schlüssel pro Domainname (Host) muss hinterlegt werden. die einzelnen Schlüssel können günstig von mir erhalten werden.
Copyright (c) 1999-2004 by Thomas
Salwender, All Rights Reserved http://www.salwender.de
Das Applet kann hier downgeloadet werden. Allerdings läuft
es nur auf dem lokalen Rechner. Es kann nicht ins Web veröffentlich werden.
download Square360
Wollen Sie das Applet auch auf Ihrer Website nutzen, dann kann gegen geringe
Kosten ein Freischaltcode bezogen werden.
Dieses Applet ist keine Freeware!