github:https://github.com/jssor/slider

api:https://www.jssor.com/development/api-options.html

slider的定制指导:https://www.jssor.com/tutorial/

官方网站上有很多demo,使用的时候可以根据demo修改即可,但是怎么修改呢?官方提供了已有的demo修改的方法:

 

进入如下的

上图中点击的是第一个幻灯片显示的内容。。。。 注意图中的1,2,3,4标号处

4处是时间轴,表示mock pc (1标号左侧选中的)这个帧 从1处到达2处所用的时间,并且在这段时间内, 从1处x坐标(标号3所代表的就是x坐标)进行移动到2处的坐标。当然3处下面还有很多其他坐标,例如缩放 旋转等,都是类似的思想。

选择两个点的时候,需要设置终点的坐标,然后再设置起点的坐标,这两处之间可以有空心的点(意思是从空心点处到终点 这段时间轴内进行相应的动画变换)

这个使用需要注册,从而可以在云存储保存。。。。注册地址 https://www.jssor.com/action/sign_up.aspx

 

例如我注册的账户名字是 harmonyzs

点击view查看

查看的效果如下,并且可以点击幻灯上右上角的按钮 进行保存

当然,下载下来的代码,可能没有对应的图片,所以 github上把官方的demo下载下来,然后把对应的图片放到img目录 就可以使用了

 

Logo

一站式 AI 云服务平台

更多推荐