Here is just a short post with example, how to integrate the 3D Rotate Tool into Joomla CMS. The example features also the JavaScript version of the 3D Rotate tool. If user visits the site using a mobile device, the 3D product gets displayed:
This example is done in a clean Joomla installation. It is possible that in your Joomla Site the JavaScript used in my example (loading of swfobject.js) might interfere with other JavaScript files your site is already loading. In this case you might need to delete the swfobject.js linkage and adjust the script accordingly (remove the JS version of the tool, or use an other technique to detect Flash plugin rather than swfobject.js , e.g. JQuery).
You can tell the rotateTool.swf movie which product to load using a JavaScript function. In this example you can click on thumb images to load an other 3d product:
Hotspot triggers a JavaScript function (with custom parameter) when it is clicked. You define the hotspot in the XML. Also in this example: custom movieClip is used for hotspot.
I posted an example for full 3D Rotation. You can download the example files and see how it is built. It’s simple, you just specify the right values for vertical and horizontal steps.
For those who need to build a Flash CS3 component I do recommend to follow the above posted tutorials. Some of the come with example files. If you follow the steps in the tutorials, you can create later components by your own. However it is very useful to take a look on a ready made component and compare how that comonent is built. For this reason I provide the source files of my FlexiZoomer component. I hope they help you learn how to build the flash components.
Please note, its a Educational license, if you want to use the FlexiZoomer in your website/project you need to use the Free version or the Pro/Enterprise/Developer version: http://www.yofla.com/flash/flexi-zoomer/download.php
The component is built with PureMVC (http://puremvc.org/), so it’s also a useful resource to see a PureMVC implementation.
Existing Customers:
If you purchased the 3D Rotate Tool no more than 1 year ago (2 years for Enterprise Customers) you are eligible for a free update. Please reqest the update by email (provide your orderId or email used when purchasing the tool)
With 3D rotateTool v.4.4.0 and above you can use any movieClip as a hotspot. In this example, two images were used for the two absolut positioned custom hotspots.
