创建一个3D互动对象,使用图像和创建一个简单的JS调用
jQuery的交互式3D让您创建一个使用多个图像帧允许用户拖动和处理图像的3D互动对象。这插件是完美的展示您的产品在网络上。
要添加到您的网站,只需到你的文档的<head> jquery.interactive_3d.js包括最新的jQuery库,创建一个标记,并调用该函数如下:
1 2 3 4 5 6 7 | < body > ... < div id = "interactive_3d" > < img src = "images/frame_1.png" > </ div > ... </ body > |
注意:请确保将用作帧的图像文件的文件名 结束与_frame数。例如,你的第一帧应该被命名为:anything_1.jpg和你的第二个应anything_2.jpg的等等。
现在所说的功能,这应该是它。
1 2 3 4 5 6 7 8 9 10 | $( "#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服务器)增添一抹支持拖放以拖放的脚本。
特别申明:
本站所有资源都是由网友投稿发布,或转载各大下载站,请自行检测软件的完整性!
本站所有资源仅供学习与参考,请勿用于商业用途,否则产生的一切后果将由您自己承担!
如有侵权请联系我们删除下架,联系方式:lei1294551502@163.com