创建一个3D互动对象,使用图像和创建一个简单的JS调用
jQuery的交互式3D让您创建一个使用多个图像帧允许用户拖动和处理图像的3D互动对象。这插件是完美的展示您的产品在网络上。
使用步骤
要添加到您的网站,只需到你的文档的<head> jquery.interactive_3d.js包括最新的jQuery库,创建一个标记,并调用该函数如下:
<body>
...
<div id="interactive_3d">
<img src="images/frame_1.png">
</div>
...
</body>
注意:请确保将用作帧的图像文件的文件名 结束与_frame数。例如,你的第一帧应该被命名为:anything_1.jpg和你的第二个应anything_2.jpg的等等。
JS调用,现在你将有一个3D互动网站上的图像
$("#interactive_3d").interactive_3d({
frames: 10,
cursor: "move",
speed: 0,
entrance: true,
preloadImages: true,
touchSupport: true,
loading: "Loading..",
autoPlay: false
});