T he first thing you need to do is click the button to go to the site where the code is located. The example you will see is nothing like this one. The background and red border on the pictures are designed with an adobe graphic editing program which you can use also if you would like. The link to that program is at the bottom of the page.
W hen you get to the site you will see the example with a link to download a zip file to your hard drive. Download it and save it somewhere that is easy to remember. You will get three files when you unzip the code.
Y ou may want to change the page ("cube3d.htm") to a page ending in ".html". The filename does not end in .html. As a result, it may not be displayed correctly in all browsers that view your site.
image3dcube.class......That is the mechanism that makes it all work
cube3d.htm.............That is the htm page the code is on (See Above Note)
servercube.jpg.........That is the image on the default cube
Y ou need to upload all three files to your editor. Once you do open up the "cube3d.htm" and view it. You should be looking at a page that looks almost the same as the example page where you downloaded the zip file. Delete everything on the page but the code, the page attributes and the start and finishing HTML.(ie bg color, etc.). What you should have left should start with;
<html>
<head>
<title>3D Revolving Photo Cube</title>
</head>
<body bgcolor="#000000" text="#ffffff" link="#fff8dc" alink="#ffff00" vlink="#fff8dc">
Y ou can change the color attributes and title to fit your pages. The next part of your page should start with this;
<h1 align="center">3D Revolving Photo Cube</h1>
T his is the title of your page that visitors will see. You can change the title to your own just as you can change the html title to however you want it indexed.
Now the start of the code will look like this;
<p align="center">
<param name="background" value="000000">
<param name="shadowcolor" value="000000">
<param name="spotlight" value="no">
<param name="showlightbutton" value="no">
<param name="sleeptime" value="5">
<param name="target" value="_self">
<param name="anglestep" value="8">
<param name="mouseresponse" value="6">
<param name="zoomspeed" value="2">
H
ere is where the reconfigurations start. You can change the "HEIGHT" and "WIDTH" but be sure they are the same as to keep the cube in proportion.
The numbers are in pixel size.
The next reconfigurations are with the "param names".
The "background" and "shadowcolor"
values are hex colors. "000000" is the hex code for black. All the color configurations are made with Hex codes.
[ Web Safe Colors ]
The "spotlight" and "showlightbutton" can be either "yes" or "no".
The "anglestep", "mouseresponse" and "zoomspeed" you can play around with and see how the different numbers have different effects on the cube itself.
The "target" value="_self" is set to open in the same browser window when activated. This can be changed to open in a new browser window by changing the value to_blank.
H
ere is the final section of the code starting with the images from "0" thru "5"
and the "ur" from "10 thru 15".
<param name="image0 - 5" value="Your Full URL For You Image Here">
Each "image" (0 thru 5) will have its own full URL of the picture.
Each "ur" from 10 thru 15 will have its own full URL path to its link page.
You can't link the top image links back to the cube on the bottom ur's. They must link to another page.
<!--------------- End Of Code !!! Whew !!!!! --------------->
</body>
</html>
T o operate the cube just left click on any of the pictures and it will come up with a full frontal view. Click it once again and it will continue to revolve. Once you have a full frontal view double click on it and it will take you to an associated link.
I
f you would like to add this effect to your pages, just follow the below link. If you have any problems with this feel free to contact us. If you would like to inhance the graphics used within your photocube, you can also follow the below link to an online adobe graphic editor.
[ Get Code Here ]
[ Adobe Graphic Editor ]
Copyright © Consigliere Ltd., All Rights Reserved. 2001-