jQuery：如何创建360视图表单照片
我正在尝试创建产品的360/3D视图 为了实现这一点，我从使用3dEye开始。有了这个jQuery插件，我所要做的就是将普通照片转储到一个文件夹中。Ej，jQuery：如何创建360视图表单照片,jquery,html,360-degrees,360-panorama,virtual-tour,Jquery,Html,360 Degrees,360 Panorama,Virtual Tour,我正在尝试创建产品的360/3D视图 为了实现这一点，我从使用3dEye开始。有了这个jQuery插件，我所要做的就是将普通照片转储到一个文件夹中。Ej，photos/cup-1/，photos/cup-2/和photos/car/ <!DOCTYPE html> <html lang="en" xmlns="http://www.w3.org/1999/xhtml"> <head> <meta charset="utf-8" />
photos/cup-1/photos/cup-2/photos/car/<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8" />
<title>3D Products</title>
<script type="text/javascript" src="jquery-1.9.1.js"></script>
<script type="text/javascript" src="3deye.min.js"></script>
<script>
$(document).ready(function(){
$("#cup-1").vc3dEye({
imagePath: "photos/cup-1/",
totalImages: 7,
imageExtension: "jpg"
});
$("#cup-2").vc3dEye({
imagePath: "photos/cup-2/",
totalImages: 13,
imageExtension: "jpg"
});
$("#car").vc3dEye({
imagePath: "photos/car/",
totalImages: 51,
imageExtension: "png"
});
});
</script>
</head>
<body>
<h1>Sample of 360-view products</h1>
<h2>Move the object with the mouse</h2>
<br /><br />
<div id="cup-1"></div>
<div id="cup-2"></div>
<div id="car"></div>
</body>
</html>
3D产品
$（文档）.ready（函数（）{
$（“#杯-1”）.vc3dEye({
imagePath:“照片/cup-1/”，
总计图像：7，
图像扩展：“jpg”
});
$（“#杯-2”）.vc3dEye({
imagePath:“photos/cup-2/”，
总数：13，
图像扩展：“jpg”
});
$（“#车”）.vc3dEye({
imagePath:“照片/汽车/”，
总数：51，
图像扩展：“png”
});
});
360视图产品示例
用鼠标移动对象
- 同一页上只能有一个对象。如果我添加更多页面，它将用绿色覆盖覆盖其他对象，加载标签将保留
- 它没有缩放选项
- 无移动控件（如自动播放、向左移动按钮、向右移动按钮）
- 等等