JAVA PHOTO CUBE

I often get requests for directions for making the Java Photo Cubes that I have situated around my site. I use to send people to the intel site of the author of the original java code and class file. There they would find directions and image3dcube.class file to download, but that site has all but disappeared from the web, so hopefully this page will help people make their own cubes for their web pages.

If you use this infomation or the download files I created, a link back to this site, http://www.cybergata.com/cube.htm, would be appreciate.
Put your mouse pointer on the cube and move it around. Click the
picture once and see what happens. Click once again and everything is
back the way it was, but click twice and see where the photo takes you!



THIS IS THE CODE THAT I USED TO MAKE THE CUBE ABOVE.

<CENTER> <applet code="image3dcube.class"  WIDTH="250" HEIGHT="250">
      <PARAM name="background" value="FF0099">
      <PARAM name="shadowcolor" value="CC99FF">
      <PARAM name="textcolor" value="000000">
      <PARAM name="spotlight" value="no">
      <PARAM name="showlightbutton" vale="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="5">
      <PARAM name="image0" value="opera.jpg">
      <PARAM name="image1" value="chimayo1.jpg">
      <PARAM name="image2" value="zozobra.jpg">
      <PARAM name="image3" value="jemez.jpg">
      <PARAM name="image4" value="kimo.jpg">
      <PARAM name="image5" value="aboz.jpg">
      <PARAM name="url0" value="http://www.santafeopera.org/">
      <PARAM name="url1" value="http://www.halfmoon.org/story/chimdust.html">
      <PARAM name="url2" value="http://www.zozobra.com/zozobra.html">
      <PARAM name="url3" value="http://jimswan.com/111/jemez.htm">
      <PARAM name="url4" value="http://www.cabq.gov/kimo/">
      <PARAM name=url5" value="http://www.nps.gov/sapu/quarai.htm">
</applet> <CENTER>

This is a very easy code to modify, but it takes some knowledge of html coding to work with it.

The first line tells which applet to use to generate the cube, image3dcube.class. Make sure that this file is in the same directory with all the other files you are working with to run the code.

The rest of the first line sets up the size of the background & cube within it. You can change the size. In fact you can change anyone of the values to modify the cube to your liking, just make sure they remain in quotes.

The rest of the lines set up the Parameters that will show up on the web page. Lines 2 - 11 set up the colors, speed, etc. You can change any of the values.

EXAMPLE: If I want the background to be white, i'd change the color code of background to "FFFFFF". If I wanted to change the shadow to blue, I'd change the color code to "#0000FF"

HINT: Be very careful of the spacing. simply adding a space in the wrong place will keep the code from running correctly.

Line 12 - 17 are for the photos in the cube. You change each of the values to show the photos you want to show up on the cube.

HINT: Name all the photos in small case letter both as files and in your code. If your html says IMAGE.JPG and when you uploaded your photo to your server the name changed to image.jpg, the code won't work. I've had this happen to me numerous times.

Line 19 - 24 are for the URLs matching each photo. I have this cube on my New Mexico Links page, and each of the links matches the corresponding photo.

The first time I worked with this code it seemed like it took me forever to get it to run correctly. You will notice that before the cube shows up you will read LOADING IMAGE 1 and so on until all images are loaded. If it stops with LOADING IMAGE 3, then there is a problem with either the image or the code.

If you use this infomation or the download files I created,
a link back to this site, http://www.cybergata.com/cube.htm,
would be appreciate.

DOWNLOAD ZIPPED FILE

The zipped fil contains: