Today I updated the JavaScript for 3DRT product rotation tool. It’s a small change, just a Play/Pause button + browser support for mouse rotation (before, in browser you could only start/stop rotation) with mouse click.
You can preview the script here: http://www.yofla.com/flash/3d-rotate/javascript/
The update will be downloaded automatically by your 3DRT Setup Utility.
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).
Version 0.0.2 of the 3DRT JavaScript (for iPhone and iPad) was released. It now supports the touch events:
- start/stop rotation on tap
- rotate left / right on finger tip swipe
The latest .js file is included in the examples:
http://www.yofla.com/flash/3d-rotate/javascript/examples/example_Flash-JavaScript/
http://www.yofla.com/flash/3d-rotate/javascript/examples/example_JavaScript-only/
3D Rotate Tool JavaScript version 0.0.1 was released. It enables to display your rotating object also on devices like iPhone which do not support flash plugin.
Example (JavaScript version, runs on iPhone):
More information on the JavaScript version can be found here:
http://www.yofla.com/wiki/javascript:3d_rotate_tool_javascript_iphone
Examples for download:
http://www.yofla.com/flash/3d-rotate/javascript/examples/example_Flash-JavaScript/
http://www.yofla.com/flash/3d-rotate/javascript/examples/example_JavaScript-only/