A easy configurable 360x360 degree- JAVA- panorama viewer (a
lots of features)
Deutsche Beschreibung
examples
download
functions:
| moving: | press left mouse button |
| zoom in: | Press left mouse button together with the SHIFT button on your keyboard |
| zoom out: | Press left mouse button together with the CTRL button on your keyboard |
| direct positioning: | Press left mouse button in the preview window (top left) |
|
All images can be divided in different segments (shows part of image befor all images are loaded) |
|
For a faster loading, you can store your panorama in 2 different resolutions. So you can load the lower images first. After loading the lower images, the applet loads the panorama with the higher resolution. You can use the full functionality of the applet after loading the lower images. |
|
There is an optional preview window, where you can see the currently viewed part of the image. While clicking in the preview window, you can set a new view position of the panorama. You can choose your preferred color for the preview window. |
|
The panorama can be viewed in 360° horizontally and vertically. |
|
Many hotspots can be defined (no limit). Each hotspot can has his own color, font, link. |
|
You can zoom in and zoom out the panorama. |
You need to define the following applet tag between <BODY> and </BODY>
and store it in your HTML- file. Here is an example for a valid applet-tag.
| <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> |
I don't describe this tag, you can find the description of this tag in various other resources.
description of the parameter
Following we have the description of all possible parameters of the square360.
Not used parameters, you don't define them.
| <param name="color-bg" value="#aaff00"> |
The background color in hexadecimal format. (optional) (default=white)
| <param name="image-path" value="images"> |
Path to the image files. All images from the applet must be located in this
path.
| <param name="x-360" value="false"> <param name="y-360" value="false"> |
Parameter x-360 tells you, that the panorama is a horizontal
360° panorama.
Parameter y-360 tells you, that the panorama is a vertical 360°
panorama.
Only values "true" and "false" are allowed. If the panorama
is a 360° panorama, you need to divide it at least to 2 images in that direction.
(see parameter panorama-imageX)
(optional )(default=panorama is no 360° panorama)
Dieses Panorama wird in X-und Y-Richtung begrenzt / ohne Zoom!
| <param name="animation-delay" value="50"> |
The parameter animation-delay tells you the the animation delay
[ms] an. (numeric)(default = 50ms)
| <param name="background" value="background.jpg"> |
With this parameter background you can define an option background image / frame. (optional) (default=no background image)
| <param name="panorama-rect" value="0,0,400,100""> |
The parameter panorama-rect defines the position [pixel] of the panorama in the complete applet (the panorama is located inside a frame / background image)
| <param name="panorama-bg" value="copyright-bg.gif"> |
While loading the images, you can show an other background image, ex. copyright
image.
(optional, default=no background image)
| <param name="panorama-zoom" value="60,2,60,200"> |
With this parameter panorama-zoom you can define the zoom/resize
properties. (start zoom[%], step[%], min zoom[%], max. zoom[%])
(optional) (default=no zoom)
Resizable panorama (SHIFT or STRG and left mouse button)
| <param name="panorama-image1" value="quadrat_r#_c#_low.gif,4,4"> |
With the parameter panorama-image1 you need to define the images of the panorama. "#" are wildcards for the position of each image in the panorama. First "#" is x-position, second "#" is y-position:
| 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 |
For a 360°-Image you need at least 2 images / slices in the direction x
or y.
| <param name="panorama-image2" value="quadrat_r#_c#_high.gif,4,4"> |
Advantage: If you have a big panorama, then store it in to different resolution;
one with low resolution and one with high resolution. So, the user can see the
panorama after a short time, he doesn't need to wait a long time, until the
applet has loaded the panorama.
(optional= exist only one panorama)
| <param name="preview-scale" value="30"> |
The preview scale of the preview window. If value=0, no preview window exists.
| <param name="preview-jump" value="true"> |
If the value of the parameter preview-jump = true, then you can
jump directly to any position in the panorama while clicking in the preview
window.
| <param name="preview-color" value="#FFFF00"> <param name="preview-frame-color" value="#FFFF00"> |
The parameter preview-color and preview-frame-color
tells you the color of the preview window in a hexadecimal format.
(optional) (default=colors in red)
| <param name="preview-raster" value="1"> |
If the value = 1, then the preview window shows you each divided image; 2 =
every second and so on.
(optional)(default=no divided preview images will be showed)
This panorama contains a preview window, click!
|
<param name="default-move-x" value="5"> |
default-move-x > 0 default move speed from left to right
default-move-y > 0 default move speed downward
default-move-x < 0 default move speed from right to left
default-move-y < 0 default move speed upward
default-move-x = 0 no moving
default-move x animation-delay = moved pixel per second [pixel/sec]
|
moving from the left to the right |
moving from the right to the left and upwards |
| <param name="hotspotX" value="x,y,width,height,visibility1,visibility2,text color,background color,font,font size,text,link"> |
You can define n hotspots… X represents the number of the hotspot. (counter,
starting with 1)
Example: hotSpot1, hotSpot2, etc.
| x | position X [pixel] from the hotspot, distance from the left border (relative to the original size of the panorama) |
| y | position Y [pixel] from the hotspot, distance from the top border (relative to the original size of the panorama) |
| width | Width [pixel] of the hotspot (relative to the original size of the panorama) |
| height | Height [pixel] of the hotspot (relative to the original size of the panorama) |
| visibility1 | true/false: true: a hotspot rectangle will be always showed. |
| visibility2 | true/false: true, Shows the hotspot rectangle while mouseover. |
| text color | Textcolor in hexadecimal format (#rrggbb) see also bg-color |
| background color |
Background color in hexadecimal format (#rrggbb) see also bg-color |
| font |
different fonts: Arial, Helvetica, Courier, Times New Roman, Verdana |
| font size | font size, ex. 11, 12, 14 |
| text | text which will be showed |
| link | An optional link (you can see the change). If you click on the link, the requested page will be showed in a new browser window |
contains 5 hotspots!
| <param name="keys" value="123456789,6543210"> |
The Keys: You need a key for each public domain, where you will use the panoramaviewer. You can get them cheap!
Copyright (c) 1999-2004 by Thomas
Salwender, All Rights Reserved http://www.salwender.de
You can download my applet and test it only on your local computer.
download
The Applet is no freeware!