jquery交互式3D

所属分类：其他-动画效果

39475 359 查看评论 (1)

分享到微信朋友圈

查看演示立即下载

插件描述：jQuery的交互式3D让您创建一个使用多个图像帧允许用户拖动和处理图像的3D互动对象。

创建一个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的等等。

现在所说的功能，这应该是它。

$("#interactive_3d").interactive_3d({
    frames: 10, 
    cursor: "move", 
    speed: 0, 
    entrance: true,
    preloadImages: true, 
    touchSupport: true, 
    loading: "Loading..",
    autoPlay: false 
  });

一个JS调用，现在你将有一个3D互动网站上的图像。漂亮的爽吧？一个克里斯提供一个精简的解决方案，不使用jQuery UI和感谢的所有者脚本touchHandler（不知道作者是谁，原来的职位上失去了Posterous服务器）增添一抹支持拖放以拖放的脚本。

jQuery预加载插件

jQuery select 菜单