js实现椭圆轨迹_【CSON原创】javascript椭圆旋转相册发布

功能说明：

1.支持自动和手动两种模式：自动模式下自动旋转展示，手动模式下通过鼠标选择当前图片，或通过提供的接口选择上一张/下一张图片。

2.可自行添加旋转的缓动模式，默认模式为：匀速，先快后慢，先慢后快。

3.可自定义旋转轨迹的宽和高。

4.支持IE6 7 8 9 10 firefox chrome等浏览器。

效果预览：

手动模式： 自动模式：

实现原理：

根据对图片在椭圆轨迹上的运动，动态改变缩放大小，实现立体的视觉效果。

代码分析：

init:function(id,options){

var defaultOptions={

width:600, //容器宽 height:200, //容器高 imgWidth:100, //图片宽 imgHeight:60, //图片高 maxScale:1.5, //最大缩放倍数 minScale:0.5, //最小缩放倍数 rotateSpeed:10 //运转速度

}

options=util.extend(defaultOptions,options);//参数设置 this.container=util.$(id);

this.width=options.width;

this.height=options.height;

imgWi