3d Rotating Image Cube
Description: 6 images are grabbed through GET parameters and scaled to create a cube.
Author: John Bezanis
Added: April 5th 2008
Version: Flash 8
Total Views: 3781
Views in the Past 7 Days: 288
This script grabs 6 images and creates a 3d cube which rotates according to the mouse position. It accepts the images through GET parameters. With this form, the user can specify the flash applet height and width, as well as the size of the cube itself. If your website receives a substantial amount of hits, please host the swf file on your own server.
Image 1:
Image 2:
Image 3:
Image 4:
Image 5:
Image 6:
Flash Applet Width:
Flash Applet Height:
Cube Size:
Code to copy and paste on your website:
Download the files below:
Download Source File
Download the built 3d Cube
Questions and Suggestions
Damn thats awesome! Great job!
April 6th 2008 12:04PM - josh
Is it possible to get this with a different background colour? The white does not fit into my website.
April 9th 2008 17:04PM - James
Sure James. Just insert <param name="wmode" value="transparent"> right before </object> and it will make the background transparent. Example:
http://www.bezzmedia.com/stuff/transparent.htm
April 9th 2008 19:04PM - John
hi this is cool but how can i turn it into a swf. file with my pics and caption? can u be able to teach me. cuz i downloaded the source code in fla. but nothing comes out what is there for me to do in order to get pictures to come out?? thanks..
April 18th 2008 22:04PM - benny
i am looking to put the code above into the style below...is there a way to do that ?? just incase someone does not have a browser that supports flash ????
<script type="text/javascript">
// <![CDATA[
var fo = new FlashObject("http://www.bezzmedia.com/swfspot/resources/45-picturecube.swf?im0=http://www.bezzmedia.com/swfspot/resources/45-im0.jpg&im1=http://www.bezzmedia.com/swfspot/resources/45-im1.jpg&im2=http://www.bezzmedia.com/swfspot/resources/45-im2.jpg&im3=http://www.bezzmedia.com/swfspot/resources/45-im3.jpg&im4=http://www.bezzmedia.com/swfspot/resources/45-im4.jpg&im5=http://www.bezzmedia.com/swfspot/resources/45-im5.jpg&cubesize=100" width="250" height="150");
fo.write("flashcontent");
// ]]>
</script></td>
April 21st 2008 14:04PM - mike
I'm trying to reduce the speed of rotation but what I"m doing isn't effective. Any tips?
May 14th 2008 16:05PM - Donna
may be a daft question, but is there anyway to remove the shadow on the cube? thanks
May 21st 2008 05:05AM - John E
Nice! But if i want to place the cube to the right in the movie (now its allways centerd). How do i do that? And is it possible to change the code so it get a movieclip in stead of an jpg?
May 22nd 2008 11:05AM - Shine
Not bad, but how did you forget to utilize forceSmoothing???
May 24th 2008 09:05AM - Justin Guptell
Good suggestion Justin. There is however a big performance issue when using forceSmoothing.
May 24th 2008 23:05PM - John
Hi! I found the code for center cube, one problem solved.
Is it possible to change the code so it get a movieclip in stead of an jpg?
May 26th 2008 05:05AM - Shine
Hello friends ;
How can i call images from xml ?Thanks
May 27th 2008 20:05PM - James
I love this, thank you for sharing. :D
As a complete Flash noob, erm.. is there a way I can add links to the pix, please?
frivvy. XXXx
June 7th 2008 05:06AM - frivvy
I can't seem to download the "Download the built 3d Cube" file?
I'm just led to a blank screen.
Regardless of that - amazing work!
June 10th 2008 09:06AM - Bonzo
I downloaded the source code for this and as a newbie I can't seem to figure out how to get images to appear on the 3D cube. Can you please help a newbie out!!!
June 10th 2008 13:06PM - vomelaaw
Hi John. Great job! It seems I have the same problem as benny. I cant figure out where to insert the code above to get my own pictures to apear in the cube?
June 11th 2008 11:06AM - Kasper
Is it possible to call a image, simular to clicking on the image from an external javascript? I want to bring up the photo on a mouseover elsewhere in the page. Also on mouseoff resume the rotation
June 15th 2008 08:06AM - Maxwell Smart
It works perfectly !!
Thanks for your job.
June 23rd 2008 04:06AM - Alex
I cannot download the built 3D qube?
June 23rd 2008 17:06PM - Franklyn
Franklyn - right click -> save target as.
June 23rd 2008 17:06PM - John
Thanx John
June 24th 2008 14:06PM - Franklyn
Hi...how do I host this on my own server? I have the cube working but it relies on your server.
June 28th 2008 05:06AM - Franklyn
Add a Question or Suggestion