lenticular 透镜状插件

使用步骤创建的图像序列保存每一帧的序列与规范的名称，一定要包括帧号。例如：sasquatch-1.jpg, sasquatch-2.jpg, sasquatch-3.jpg设置透镜状单元创建一个空的元素加入的透镜状星系。一定要设置一个宽度和高度;图像将扩展到适合的尺寸范围内。初始化透镜状Lenticular.Image构造函数需要两个重要的参数。第一个是目标元素加载的图像序列。第二个是一个对象，与双凸透镜的设置。设置对象有许多属性，但只需要两个：images 和frames。images属性是一个字符串，指定图像路径的格式。Lenticular.js寻找并载入图像时，会插入适当的帧号。frames属性设置要加载的帧的数目。var myLenticular = new Lenticular.Image($('.lenticular')[0], { images: 'images/lenticular-##.jpg', frames: 16});Lenticular.Image( element, settings )//创建一个新的图像对象。Creates a new Image object.element:objectDOM元素将被加载到其中的图像。调度负载事件从这个元素时，所有帧都已加载。settings:object需要两个属性：图像和框架。其他设置是可选的。axis:string逻辑轴- X，? ? -将基于倾斜值。Lenticular.js会自动调整遵循的逻辑轴在风景和肖像模式。frames:int图像序列中的帧的数目activate()告诉透镜状相应的倾斜和更新帧听。deactivate()停止听倾斜。停用透镜状星系的框架更新，必须做使用showFrame方法destroy()删除图像从全球的光栅对象。优化性能，这是非常有用的。showFrame( index )手动显示一帧。这是最时非常有用useTilt = false;。

在线演示        积分下载        6毛下载        砍两刀下载