特效介绍
基于HTML5和css3的360°全景图片,和市面上的大多的3D全景图差不多。只需要前后上下左右六张图,就能生成可360度,甚至接近720°的3D全景查看。下面是效果图:本插件在访问时,会自动生成XML文件,XML文件由根目录的XML.PHP生成,所以,需要在服务器环境下运行,且服务器是php环境,您也可以根据需求,将php改成其他语言,很简单。
使用方法
1、下载本插件,将360images文件夹放到您的项目中2、替换360images里,前后上下左右六张图为您自己的图片,图片越高清越好,尺寸建议为正方形,图片在拍摄时,注意下相邻图片的衔接处,否则会导致预览时衔接处“断裂”,当然不是很影响观感。
3、打开360images/index.html,修改里面的ajax请求地址:
pano.readConfigUrl('http://localhost/360images/xml.php');4、在访问3D全景时,直接访问 您的网址/360images/index.html即可。