JS Animated. 如何改变速度,过渡效果和其他滑块相机选项
Januar 27, 2020
我们很自豪地介绍新的视频教程关于相机 Slideshow vor. 这是一个著名的jQuery Plugin我们的模板开发人员通常认为 Slider nutzen.
JS Animated. 如何改变速度,过渡效果和其他滑块相机选项有时我们想尝试幻灯片动画. 在本教程中,我们将简要介绍脚本Camera的一些选项和特性。 slideshow (自动播放,速度和幻灯片之间的过渡效果.
打开文件 camera.js aus dem Ordner "site/js" 通过文本编辑器/代码-Editor, zum Beispiel Notepad++,让我们开始工作!
注意:你可以在文件相机中使用的一些选项.Js,可能在您的模板中不活跃. 它取决于特定的页面布局,使用的规则CSS,脚本等。. ab.
自动翻译
autoAdvance -此选项定义是否自动启动幻灯片放映.
要启用自动播放,请使用:
autoAdvance = true;
要禁用自动播放,请输入以下内容:
autoAdvance = false;
Geschwindigkeit
有两种方法可以调整滑块的速度: time (Zeit) und transPeriod(过渡).
time —定义对话之间的时间间隔. 这意味着每张幻灯片的时间,单位是毫秒。.
transPeriod -转换持续时间,单位为毫秒.
Beispiel:
time: 7000, transPeriod: 2000,
使用此代码,幻灯片显示时间为7秒,幻灯片切换时间为秒。.
Übergangseffekte
利用这个选项 fx更改、添加或删除过渡效果.
要组合效果,请用逗号分隔名称.
Beispiel:
fx: 'simpleFade, mosaic',
这段代码将随机产生效果 simpleFade (Verfärbung) oder mosaic (Mosaik) 在切换对话时使用.
行数/列数
例如,一些影响 mosaic,对行数和列数使用2个选项.
Beispiel:
cols: 6, rows: 4,
要了解更多特性和示例,请阅读文件中的注释 camera.js 或者访问开发者网站Camera slideshow.
非常感谢大家的关注. 请评价这篇文章,并与我们联系任何问题.
您也可以使用详细的视频教程:
JS Animated. 如何改变速度,过渡效果和其他滑块相机选项