|
|
|
Below is the HTML Code to put into your webpage, when using
the 3D Object Viewer. The items that you will need to modify
to suit your object are; 1) the height and width, these should
be equal to the image height and width in pixels, and 2) the
your_first_image.jpg should be the filename of the first jpeg
file in the series.
| Basic HTML code |
|
|
|
- Click the 'Select all' button, copy this text and
paste it into your html file.
- Replace 'your_first_image' with the name of the
first jpeg file in the series.
- Copy the applet '3dobject.zip'
into the same directory as the html file.
- Upload to your web server and VOILA!
|
| |
|
|
Customizing Parameters (Optional)
|
| imageURL
(required) |
For Jpeg Object:
FORMAT: Panorama source - eg "image01.jpg"
EXPLANATION: This is the URL for the jeg series.
EXAMPLE: <PARAM name="imageURL" value="world01.jpg">
|
| toolbar
(optional) |
FORMAT: true/false
EXPLANATION: This shows the toolbar fully expanded.
If set to 'true', the toolbar will automatically appear
at the bottom of the applet fully expanded, and if set to
'false' it can be expanded by clicking on the small toolbar
icon. It enables the jpg to be manipulated step-by-step
or constantly animated.
EXAMPLE: <PARAM name="toolbar" value="true">
DEFAULT: If no toolbar parameter is given the toolbar will
be true.
|
| progressbar
(optional) |
FORMAT: true/false
EXPLANATION: This shows the progressbar while the image
is loading indicating how far the image has to download
before viewing. If set to 'true', the progressbar will automatically
appear in the middle of the applet, and if set to 'false'
it will not be shown at all.
EXAMPLE: <PARAM name="progressbar" value="false">
DEFAULT: If no progressbar parameter is given the progressbar
will be true.
|
| bgcolor
(optional) |
FORMAT: Hexadecimal color code - eg "#000000"
EXPLANATION: Determines the background color of the image
if the jpg has transparency or if the applet height and
width are larger than the jpg.
EXAMPLE: <PARAM name="bgcolor" value="#FFFFFF">
DEFAULT: If no bgcolor is given then the bgcolor will be
white.
|
| spinstyle
(optional) |
FORMAT: Number - eg "1"
EXPLANATION: Determines how the user can interact with the
3D Object.
0 - Clicking and Dragging the mouse horizontally spins
the object
1 - Clicking and Dragging the mouse vertically spins
the object
2 - Clicking and Dragging the mouse in a clockwise
fashion spins the object forward and counter-clockwise
spins the object backwards
3 - Clicking and Dragging the mouse horizontally spins
the object AND Dragging the mouse vertically ZOOMs
in and our
EXAMPLE: <PARAM name="spinstyle" value="3">
DEFAULT: If no spinstyle is given then spinstyle 0 will
be used.
|
Below is an example of what the page will
look like
Uploading all required files
There are three things that MUST be uploaded for your 3D
Object to work.
1. the applet zip file (3dobject.zip)
2. the jpeg series image files (eg world01.jpg)
3. the webpage (eg spinobject.html)
3D Object Viewer
For more information on the 3D Object Viewer please click
here
|
| |
|
